/* Official PHP Button adapter: Flux ghost/square geometry and states, scoped to
   Slide Controls. Shared layout and tokens remain in slide-controls.css. */
.octopus-slide-controls .octopus-button {
    flex: none;
    padding: 0;
    border: 0;
    border-radius: var(--shape-radius-component);
    background: transparent;
    color: var(--color-zinc-800);
    box-shadow: none;
    cursor: default;
}
.octopus-slide-controls .octopus-button:hover:not(:disabled) { background: color-mix(in oklab, var(--color-zinc-800) 5%, transparent); }
.octopus-slide-controls .octopus-button:disabled { opacity: .75; background: transparent; color: var(--color-zinc-800); pointer-events: none; }
.dark .octopus-slide-controls .octopus-button { color: var(--color-white); }
.dark .octopus-slide-controls .octopus-button:hover:not(:disabled) { background: color-mix(in oklab, var(--color-white) 15%, transparent); }
.octopus-slide-controls .octopus-button__icon svg { width: 1.25rem; height: 1.25rem; }
.octopus-slide-controls[data-slide-size="sm"] .octopus-button__icon svg { width: 1rem; height: 1rem; }