# Recipe: button
Build one button component that matches this brand.
Palette: #000000, #3139fb, #fffcec, #ffffff, #fffadd, #2702c2
Typography: [object Object], [object Object], [object Object], [object Object]
Material: flat
Signals: Radius: 4, 8, 22 · Shadows: rgba(0, 0, 0, 0.25) 0px 2px 8px 0px | rgba(0, 0, 0, 0.1) 0px 5px 5px 0px
## Anatomy (detected)
```json
{
  "kind": "button",
  "structuralHash": "button>svg",
  "instanceCount": 3,
  "variants": [
    {
      "css": {
        "background": "rgb(255, 255, 255)",
        "color": "rgb(39, 2, 194)",
        "padding": "8px 0px 8px 0px",
        "borderRadius": "10px",
        "border": "0px none rgb(39, 2, 194)",
        "fontSize": "14px",
        "fontWeight": "600"
      },
      "instanceCount": 2
    },
    {
      "css": {
        "background": "rgb(39, 2, 194)",
        "color": "rgb(255, 255, 255)",
        "padding": "8px 0px 8px 0px",
        "borderRadius": "10px",
        "border": "0px none rgb(255, 255, 255)",
        "fontSize": "14px",
        "fontWeight": "600"
      },
      "instanceCount": 1
    }
  ]
}
```