.button{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-pill);font-weight:var(--fw-bold);font-size:var(--fs-body);line-height:1;text-align:center;cursor:pointer;white-space:nowrap;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.button:active{transform:translateY(1px)}.button:disabled,.button[aria-disabled=true]{opacity:.55;pointer-events:none}.button--md{padding:.875rem 1.5rem}.button--lg{padding:1.125rem 2rem;font-size:1.1875rem}.button--sm{padding:.625rem 1.125rem;font-size:var(--fs-small)}.button--primary{background-color:var(--color-accent);color:var(--color-accent-contrast)}.button--primary:hover{background-color:var(--color-accent-hover)}.button--dark{background-color:var(--color-dark);color:var(--color-on-dark)}.button--dark:hover{background-color:var(--color-dark-hover);color:var(--color-accent)}.button--outline{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}.button--outline:hover{background-color:var(--color-accent);color:var(--color-accent-contrast)}.button--ghost{background-color:transparent;color:var(--color-text)}.button--ghost:hover{background-color:var(--color-surface)}.button--block{width:100%;white-space:normal}@media(max-width:560px){.button--lg{padding:1rem var(--space-4);font-size:var(--fs-body)}}