Ghost button

A smaller, less prominent button with a transparent background.

How to use

Ghost buttons are best implemented over strong colour backgrounds such as $coral or $cornflower. They can also be effective when overlaid on an image.

<!-- COMPONENT: Ghost button -->
<a href="http://www.bbc.co.uk" class="ghost-button">Read Nadia's full case study</a>
<!-- End component: Ghost button -->