button

Button red Button orange Button green Button blue Button purple Button yellow Button mint Button aqua Button pink Button white Button grey Button dark-grey Button Button red Button orange Button green Button blue Button purple Button yellow Button mint Button aqua Button pink Button grey Button dark-grey Button Button red Button orange Button green Button blue Button purple Button yellow Button mint Button aqua Button pink Button white Button grey Button dark-grey Button

code

<a class="button" href="#">Button</a>

<a class="button red" href="#">red Button</a>

<a class="button orange" href="#">orange Button</a>

<a class="button green" href="#">green Button</a>

<a class="button blue" href="#">blue Button</a>

<a class="button purple" href="#">purple Button</a>

<a class="button yellow" href="#">yellow Button</a>

<a class="button mint" href="#">mint Button</a>

<a class="button aqua" href="#">aqua Button</a>

<a class="button pink" href="#">pink Button</a>

<a class="button white" href="#">white Button</a>

<a class="button grey" href="#">grey Button</a>

<a class="button dark-grey" href="#">dark-grey Button</a>

<a class="button transparent" href="#">Button</a>

<a class="button transparent red" href="#">red Button</a>

<a class="button transparent orange" href="#">orange Button</a>

<a class="button transparent green" href="#">green Button</a>

<a class="button transparent blue" href="#">blue Button</a>

<a class="button transparent purple" href="#">purple Button</a>

<a class="button transparent yellow" href="#">yellow Button</a>

<a class="button transparent mint" href="#">mint Button</a>

<a class="button transparent aqua" href="#">aqua Button</a>

<a class="button transparent pink" href="#">pink Button</a>

<a class="button transparent grey" href="#">grey Button</a>

<a class="button transparent dark-grey" href="#">dark-grey Button</a>

<a class="button" href="#"><i class="fa fa-bolt"></i>Button</a>

<a class="button red" href="#"><i class="fa fa-bookmark"></i>red Button</a>

<a class="button orange" href="#"><i class="fa fa-cart-arrow-down"></i>orange Button</a>

<a class="button green" href="#"><i class="fa fa-bars"></i>green Button</a>

<a class="button blue" href="#"><i class="fa fa-cloud-download"></i>blue Button</a>

<a class="button purple" href="#"><i class="fa fa-fighter-jet"></i>purple Button</a>

<a class="button yellow" href="#"><i class="fa fa-external-link"></i>yellow Button</a>

<a class="button mint" href="#"><i class="fa fa-gavel"></i>mint Button</a>

<a class="button aqua" href="#"><i class="fa fa-life-ring"></i>aqua Button</a>

<a class="button pink" href="#"><i class="fa fa-magic"></i>pink Button</a>

<a class="button white" href="#"><i class="fa fa-location-arrow"></i>white Button</a>

<a class="button grey" href="#"><i class="fa fa-leaf"></i>grey Button</a>

<a class="button dark-grey" href="#"><i class="fa fa-meh-o"></i>dark-grey Button</a>