# Advanced Buttons × Advanced Typography

`XWUIButton` accepts rich `<xwui-typography>` content as its label (via
`preservesChildren`), so an advanced button treatment and advanced typography
compose freely - all declarative, all from inline attribute configs:

- **Gradient-fill button** + bold white tracked label
- **Dark button** with a **gradient-text** label (text clipped to a gradient)
- **Glow button** + leading star icon + white label (icon *and* slotted text)
- **3D raised button** + UPPERCASE heavily-tracked label
- **Tonal button** + mixed-weight label (two inline `<xwui-typography>` in one label)
- **Outline button** + wavy-underlined label
- **Link button** + semibold label

```html
<xwui-button variant="secondary" shape="pill" size="lg">
  <xwui-typography weight="bold" gradient="linear-gradient(to right, #22d3ee, #a855f7)">Gradient Label</xwui-typography>
</xwui-button>
```