What do they look like?

The default button element is blue, but you can combine your buttons with background classes if you're adding a button to an element with a different background colour. Check out the backgrounds page for more uses.

<a class="btn" href="/">Button text</a>

<a class="btn bg-blue" href="/">Button text</a>

<a class="btn bg-dark-blue" href="/">Button text</a>

<a class="btn bg-pink" href="/">Button text</a>

<a class="btn bg-black" href="/">Button text</a>

<a class="btn bg-grey" href="/">Button text</a>

<a class="btn bg-white" href="/">Button text</a>

Add some icons

You can combine your button element with icons. A couple of examples are below, but check out the icons page for more.

<a class="btn arrow-right" href="/">Button text</a>

<a class="btn facebook" href="/">Button text</a>