The Hanzo button — one primary (white) action per view, everything else outline or ghost.

```jsx
<Button pill>Try Hanzo <Icon name="ChevronDown" /></Button>
<Button variant="outline" size="sm"><Icon name="Filter" /> Filter</Button>
<Button variant="ghost" size="icon"><Icon name="Settings" /></Button>
```

Variants: primary · secondary · outline · ghost · link · destructive. Sizes: sm · default · lg · icon. Use `pill` on marketing/nav CTAs (rounded-full), plain radius inside app surfaces. Hover is a pure CSS opacity/background shift — never a transform.