Skip to main content

Buttons

Any element can be styled as a futureproof button with the .btn class, providing the arrow with hover effect.

a.btn
<a class="btn" href="https://getfutureproof.co.uk">a.btn</a>

<button class="btn bg-lemon">button.btn</button>
tip

Defaults to a purple background with white text but customisable with all 6 key futureproof colors

Note that colour combination rules still apply (see futureproof colors)