different type of buttons css code example
Example 1: button style css
<div class="pure-button-group" role="group" aria-label="...">
<button class="pure-button">A Pure Button</button>
<button class="pure-button">A Pure Button</button>
<button class="pure-button pure-button-active">A Pure Button</button>
</div>
Example 2: button style css
<button class="pure-button">
<i class="fa fa-cog"></i>Settings
</button>
<a class="pure-button" href="#">
<i class="fa fa-shopping-cart fa-lg"></i>Checkout
</a>