# Recipe: button
Build one button component that matches this brand.
Palette: #000000, #1d1d1f, #2997ff, #333336, #f5f5f7, #0066cc
Typography: [object Object], [object Object], [object Object]
Material: material-you
Signals: Radius: 5, 8, 11, 50, 980, 999 · Shadows: rgba(0, 0, 0, 0.22) 3px 5px 30px 0px
## Anatomy (detected)
```json
{
  "kind": "button",
  "structuralHash": "div",
  "instanceCount": 18,
  "variants": [
    {
      "css": {
        "background": "rgb(245, 245, 247)",
        "color": "rgb(0, 0, 0)",
        "padding": "11px 21px 11px 21px",
        "borderRadius": "980px",
        "border": "1px solid rgba(0, 0, 0, 0)",
        "fontSize": "17px",
        "fontWeight": "400"
      },
      "instanceCount": 18
    }
  ]
}
```