.btn{--btn-fg:var(--color-ink);--btn-bg:transparent;--btn-bg-hover:var(--color-paper-2);--btn-border:var(--color-rule-2);--btn-border-hover:var(--color-rule-2);justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);font-weight:600;line-height:1;display:inline-flex}.btn:hover,.btn.is-hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.btn:active,.btn.is-active{transform:translateY(1px)}.btn:focus-visible,.btn.is-focus{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled,.btn.is-disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{--btn-fg:var(--color-on-accent);--btn-bg:var(--color-accent);--btn-border:var(--color-accent);--btn-bg-hover:var(--color-accent-strong);--btn-border-hover:var(--color-accent-strong)}.btn--ghost{--btn-border:transparent;--btn-border-hover:transparent}.btn--danger{--btn-fg:var(--color-danger);--btn-border:var(--color-danger);--btn-bg-hover:var(--color-danger-weak);--btn-border-hover:var(--color-danger)}.btn[data-state=loading]{cursor:progress;opacity:.85}.btn[data-state=error]{--btn-border:var(--color-danger);color:var(--color-danger)}.btn[data-state=success]{--btn-border:var(--color-success);color:var(--color-success)}.btn__spinner{animation:.7s linear infinite hallmark-spin}@media (prefers-reduced-motion:reduce){.btn__spinner{animation-duration:1.4s}}