.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--transition-base), box-shadow var(--transition-base), opacity var(--transition-base);white-space:nowrap;border:none;text-decoration:none;display:inline-flex;position:relative}.btn:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{height:32px;padding-inline:var(--space-3);font-size:var(--text-sm)}.btn--md{height:40px;padding-inline:var(--space-5);font-size:var(--text-sm)}.btn--lg{height:48px;padding-inline:var(--space-6);font-size:var(--text-base)}.btn--primary{background-color:var(--color-brand-600);color:var(--text-inverse);box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background-color:var(--color-brand-700);box-shadow:var(--shadow-sm)}.btn--secondary{background-color:var(--surface-base);color:var(--text-primary);border:1px solid var(--surface-border-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background-color:var(--surface-subtle);border-color:var(--color-gray-400)}.btn--ghost{color:var(--text-secondary);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--surface-muted);color:var(--text-primary)}.btn--danger{background-color:var(--color-danger);color:var(--text-inverse)}.btn--danger:hover:not(:disabled){background-color:#dc2626}.btn--loading{cursor:wait}.btn__spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:14px;height:14px;animation:.6s linear infinite btn-spin;position:absolute}.btn__label--hidden{opacity:0}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (pointer:coarse),(width<=639px){.btn--sm,.btn--md{height:auto;min-height:44px;padding-block:var(--space-2)}}