.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--transition-fast) var(--ease), box-shadow var(--transition-fast) var(--ease);border:none;text-decoration:none;display:inline-flex;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn[aria-disabled=true]{cursor:not-allowed}.btn[aria-disabled=true]:not(:focus-visible){opacity:.5}.btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.btn--sm{min-height:2.75rem;padding:0 var(--space-3);font-size:var(--text-sm)}@media (width>=64rem){.btn--sm{height:2.25rem;min-height:0}}.btn--md{height:2.75rem;padding:0 var(--space-5);font-size:var(--text-body)}.btn--lg{height:3.25rem;padding:0 var(--space-6);font-size:var(--text-body-lg)}.btn--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-primary-active)}.btn--secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--color-border-strong)}.btn--ghost{color:var(--color-text-secondary);background-color:#0000}.btn--ghost:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-surface-sunken)}.btn--danger{background-color:var(--color-danger);color:var(--color-on-primary)}.btn--danger:hover:not(:disabled):not([aria-disabled=true]){opacity:.9}.btn__spinner{animation:.6s linear infinite btn-spin;position:absolute}.btn__label{align-items:center;gap:var(--space-2);display:inline-flex}.btn__label--hidden{visibility:hidden}@keyframes btn-spin{to{transform:rotate(360deg)}}