.button{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);font-weight:600;line-height:var(--line-height-solid);border:none;border-radius:6px;transition:transform .18s,opacity .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(var(--size-lift-up))}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--color-accent-1);color:var(--color-text-secondary);box-shadow:0 10px 20px color-mix(in srgb, var(--color-accent-2) 28%, var(--color-transparent))}.button--ghost{background:var(--color-surface-strong);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.button--danger{background:color-mix(in srgb, var(--color-danger) 20%, var(--color-bg-1));color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.button--secondary{background:var(--color-bg-0);color:var(--color-text-primary);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm)}.button--small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);min-height:32px}