.button{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-18);border-radius:var(--button-radius,var(--radius-12));font-size:var(--font-size-button);line-height:var(--line-height-button);font-weight:var(--font-weight-button);min-height:var(--button-height,46px);overflow-wrap:anywhere;border:1px solid #0000;max-width:100%;display:inline-flex}.button.primary{background:var(--color-brand);color:var(--color-on-brand)}.button.secondary{background:var(--color-surface);border-color:var(--color-line);color:var(--color-ink)}.button.danger{color:var(--color-danger);background:var(--color-danger-bg)}.button-small{min-height:var(--button-small-height,36px);min-width:var(--button-small-height,36px);padding:var(--space-6) var(--space-12);font-size:var(--font-size-button-small);line-height:var(--line-height-button-small)}@media (width<=520px){.button-small{min-height:var(--button-small-touch-height,44px);min-width:var(--button-small-touch-height,44px)}}.button:not(:disabled):hover{filter:brightness(.97)}.button:not(:disabled):active{filter:brightness(.94)}.button[aria-busy=true]{cursor:wait}.button-spinner{flex-shrink:0;animation:1s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.button-spinner{animation:none}}