# Buttons

## Size

```markup
<button class="button button--small">Small</button>
<button class="button">Default</button>
<button class="button button--big">Big</button>
```

## Color

```markup
<button class="button">Theme</button>
<button class="button button--theme-alt">Theme Alt</button>
<button class="button button--dark">Dark</button>
<button class="button button--light">Light</button>
<button class="button button--white">White</button>
```

## Transparent with border

```markup
<button class="button button--border">Border</button>
```

## Underline&#x20;

```markup
<button class="button button--underline">Border</button>
```

## Block

```markup
 <button class="button button--block">Button block</buttton>
```

## Button Loading

```markup
<button class="button button--loading">Button loading</a>
```