# Buttons

{% hint style="info" %}
Since `1.9.0`
{% endhint %}

### Class

```css
.button--{xs | sm | md | lg}
```

### Code Sample

```markup
<button class="button--xs bg--dark">.button--xs</button>
<button class="button--sm bg--info">.button--sm</button>
<button class="button--md bg--success">.button--md</button>
<input type="submit" class="button--lg bg--warning" value=".button--lg">
<input type="submit" class="button--lg bg--danger" value=".button--lg">
```