Example Button: (defaults to primary variant)
```js
<Button>Primary Button</Button>
<Button href="http://www.apolitical.co">Button as a link</Button>
```

Example alternate variant buttons:

```js
<Button href="http://www.apolitical.co">Button as a link</Button>
<Button variant='primarySmall'>PrimarySmall Button</Button>
<Button variant='secondary'>Secondary Button</Button>

<div style={{marginLeft: `10px`, background: `rgb(0, 179, 191)`, padding: `5px`, display: `inline-block`}}>
<Button variant='onBackground'>onBackground Button</Button>
</div>

<div style={{marginLeft: `10px`, display: `inline-block`}}>
<Button disabled>Disabled Button</Button>
</div>
<div style={{marginLeft: `10px`, display: `inline-block`}}>
<Button variant='tertiary'>Tertiary Button</Button>
</div>

<div style={{marginLeft: `10px`, display: `inline-block`}}>
<Button variant='secondaryXS'>secondaryXS Button</Button>
</div>
```