<p>
	<span class="button red"><a href="#"><span>.button.red</span></a></span>
	<span class="button amber"><a href="#"><span>.button.amber</span></a></span>
	<span class="button green right"><a href="#"><span>.button.green.right</span></a></span>
</p>
<p>	
	<span class="button black"><a href="#"><span>.button.black</span></a></span>
	<span class="button grey"><a href="#"><span>.button.grey</span></a></span>
	<span class="button right"><a href="#"><span>.button.right</span></a></span>
</p>
<p>	
	<span class="button red rounded"><a href="#"><span>.button.red.rounded</span></a></span>
	<span class="button amber rounded"><a href="#"><span>.button.amber.rounded</span></a></span>
	<span class="button green right rounded"><a href="#"><span>.button.green.right.rounded</span></a></span>
</p>
<p>	
	<span class="button med"><a href="#"><span>.button.med</span></a></span>
	<span class="button big"><a href="#"><span>.button.big</span></a></span>
</p>
<p>	
	<span class="button block"><a href="#"><span>.button.block</span></a></span>
</p>

Link button html

HTML - Typography - Inline link buttons

HTML