Buttons

Button

Visit IOM

 

Button Ghost

Visit IOM

 

Button Group

Visit IOM Visit Subsites

 

Button Group Ghost

Visit IOM Visit Subsites

Markup and Format
Context
<a class="button" href="#">Visit IOM</a>
Description

Visit IOM

Label
Button Default
Context
<a class="button -ghost" href="#">Visit IOM</a>
Description

Visit IOM

Label
Button Ghost
Context
<div class="button-groups">
<p><a class="button" href="#">Visit IOM</a> <a class="button" href="#">Visit Subsites</a></p>
</div>
Description

Visit IOM Visit Subsites

Label
Button Group
Context
<div class="button-groups">
<p><a class="button -ghost" href="#">Visit IOM</a> <a class="button -ghost" href="#">Visit Subsites</a></p>
</div>
Description

Visit IOM Visit Subsites

Label
Button Group Ghost