.tap-btn{transition:background var(--tap-motion-fast) var(--tap-ease-out), border-color var(--tap-motion-fast) var(--tap-ease-out)}.tap-btn.tap-btn--primary{background:var(--tap-ink);border-color:var(--tap-ink)}.tap-btn.tap-btn--primary:hover:not(:disabled){background:color-mix(in oklch, var(--tap-ink) 88%, var(--tap-bg));border-color:color-mix(in oklch, var(--tap-ink) 88%, var(--tap-bg))}.tap-btn.tap-btn--signal{background:var(--tap-signal);border-color:var(--tap-signal)}.tap-btn.tap-btn--signal:hover:not(:disabled){background:color-mix(in oklch, var(--tap-signal) 75%, var(--tap-signal-ink));border-color:color-mix(in oklch, var(--tap-signal) 75%, var(--tap-signal-ink))}.tap-btn.tap-btn--danger{background:var(--tap-danger);border-color:var(--tap-danger)}.tap-btn.tap-btn--danger:hover:not(:disabled){background:color-mix(in oklch, var(--tap-danger) 75%, var(--tap-danger-ink));border-color:color-mix(in oklch, var(--tap-danger) 75%, var(--tap-danger-ink))}.tap-btn.tap-btn--solid{background:var(--tap-surface-2);border-color:var(--tap-hairline)}.tap-btn.tap-btn--solid:hover:not(:disabled){background:color-mix(in oklch, var(--tap-surface-2) 94%, var(--tap-ink));border-color:var(--tap-hairline-2)}.tap-btn.tap-btn--outline{background:var(--tap-surface);border-color:var(--tap-hairline-2)}.tap-btn.tap-btn--outline:hover:not(:disabled){background:var(--tap-surface-2);border-color:var(--tap-ink-3)}.tap-btn.tap-btn--ghost{background:0 0;border-color:#0000}.tap-btn.tap-btn--ghost:hover:not(:disabled),.tap-btn.tap-btn--ghost.is-active,.tap-btn.tap-btn--ghost.is-active:hover:not(:disabled){background:var(--tap-surface-2)}