.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-sizing:border-box;border:1px solid transparent;border-radius:var(--radius-button);background:none;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.button:focus-visible{outline:none;box-shadow:var(--color-focus-ring)}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button--full{display:flex;width:100%}.button--sm{min-height:34px;padding:7px 14px;font:600 13px/1 var(--font-display);border-radius:var(--radius-field)}.button--md{min-height:var(--hit-target-min);padding:11px 20px;font:var(--type-button-secondary)}.button--lg{min-height:52px;padding:15px 28px;font:var(--type-button-primary)}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.button--primary:hover:not(:disabled){background:var(--color-accent-pressed);border-color:var(--color-accent-pressed)}.button--secondary{background:var(--color-control-fill);border-color:var(--color-border-strong);color:var(--color-ink)}.button--secondary:hover:not(:disabled){border-color:var(--color-accent)}.button--outline{background:transparent;border-color:var(--color-border-strong);color:var(--color-ink)}.button--outline:hover:not(:disabled){border-color:var(--color-accent)}.button--destructive{background:var(--color-control-fill);border-color:var(--color-danger-tint-border);color:var(--color-danger-text)}.button--destructive:hover:not(:disabled){background:var(--color-danger-tint)}.button[data-loading=true]{cursor:progress}.button__spinner{width:15px;height:15px;border:2px solid;border-right:2px solid transparent;border-radius:var(--radius-pill);opacity:.7;animation:spin .62s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.button{transition:none}.button__spinner{animation-duration:2s}}