.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);font:inherit;font-weight:var(--weight-semibold);text-align:center;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;line-height:1.2;text-decoration:none;display:inline-flex}.button--lg{min-height:3.25rem;padding-inline:var(--space-6);font-size:var(--text-md)}.button--primary{background:var(--color-accent);color:var(--color-accent-ink)}.button--primary:hover{background:var(--color-accent-hover);color:var(--color-accent-ink)}.button--secondary{background:var(--color-surface);border-color:var(--color-line-strong);color:var(--color-ink)}.button--secondary:hover{border-color:var(--color-ink);color:var(--color-ink)}.button--ghost{color:var(--color-accent);background:0 0}.button--ghost:hover{background:var(--color-surface-muted);color:var(--color-accent-hover)}.button:active:not(.button--disabled,:disabled){transform:translateY(1px)}.button:disabled,.button--disabled{background:color-mix(in srgb, var(--color-accent) 7%, var(--color-surface));border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-line));color:var(--color-ink);cursor:default}