.btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-base);font-weight:500;gap:var(--space-2);height:var(--control-md);justify-content:center;padding:0 var(--space-4);transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);white-space:nowrap}.btn:disabled{background:var(--raised);color:var(--text-disabled);cursor:not-allowed}.btn svg{flex-shrink:0;height:17px;width:17px}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--raised);border-color:var(--border-strong);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--overlay)}.btn--ghost{color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--raised);color:var(--text)}.btn--danger{border-color:var(--danger-border);color:var(--danger-hover)}.btn--danger:hover:not(:disabled){background:var(--danger-bg)}.btn--danger-solid{background:var(--danger);color:var(--on-danger)}.btn--sm{border-radius:var(--radius-sm);font-size:var(--text-sm);height:var(--control-sm);padding:0 var(--space-3)}.btn--lg{font-size:var(--text-md);height:var(--control-lg);padding:0 var(--space-5)}.btn--block{width:100%}.btn--icon{padding:0;width:var(--control-md)}.btn__spinner{animation:btn-spin .64s linear infinite;border-radius:var(--radius-full);border:2px solid;border-right:2px solid transparent;height:14px;width:14px}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn__spinner{animation-duration:1.6s}}