.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-serif);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), opacity var(--transition-base);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{pointer-events:none;opacity:.5}.btn--sm{height:var(--height-button-sm);padding:0 var(--space-4);font-size:var(--font-size-sm)}.btn--md{height:var(--height-button-md);padding:0 var(--space-6)}.btn--lg{height:var(--height-button-lg);padding:0 var(--space-8);font-size:var(--font-size-lg)}.btn--icon-sm{height:var(--height-button-sm);width:var(--height-button-sm);padding:0}.btn--icon-md{height:var(--height-button-md);width:var(--height-button-md);padding:0}.btn--icon-lg{height:var(--height-button-lg);width:var(--height-button-lg);padding:0}.btn--primary{background-color:var(--color-brand);color:var(--color-text-on-brand)}.btn--primary:hover:not(:disabled){background-color:var(--color-brand-hover)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){filter:brightness(.96)}.btn--outline{border-color:var(--color-brand);color:var(--color-brand);box-shadow:none;background-color:#0000}.btn--outline:hover:not(:disabled){background-color:var(--color-brand-muted)}.btn--ghost{color:var(--color-text-primary);box-shadow:none;background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:#f4f2f0}.btn--destructive{background-color:var(--color-destructive);color:var(--color-white)}.btn--destructive:hover:not(:disabled){filter:brightness(.9)}.btn--dark{background-color:var(--color-dark-900);color:var(--color-text-on-brand)}.btn--dark:hover:not(:disabled){background-color:var(--color-dark-800)}.btn--neutral{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn--neutral:hover:not(:disabled){background-color:var(--color-secondary)}.btn__spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;flex-shrink:0;width:1em;height:1em;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}