.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);line-height:var(--line-height-normal);white-space:nowrap;background-color:var(--color-surface);color:var(--color-text-on-accent);padding:20px 30px;transition:opacity .15s;display:inline-flex}.button:hover{opacity:.85}.button--accent{background-color:var(--color-accent-500);color:var(--color-text-primary)}.button--outline{border:2px solid var(--color-accent-500);color:var(--color-text-on-accent)}.button--ghost,.button--outline{background-color:var(--color-surface)}.button--ghost{border:2px solid var(--color-border-strong);color:var(--color-text-secondary)}.button--sm{font-size:var(--font-size-lg);padding:9px 20px}.button:disabled{background-color:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed;opacity:1}