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="#" class="ghost-button">Lorem ipsum dolor sit</a>
<!-- End component: Ghost button -->