Buttons
Button Colors
.pi-btn-default.pi-btn-pink.pi-btn-red.pi-btn-purple.pi-btn-orange.pi-btn-blue.pi-btn-dark.pi-btn-grey.pi-btn-light-grey
<a href="#" class="btn pi-btn-default">Default Button</a>
<a href="#" class="btn pi-btn-pink">Pink Button</a>
<a href="#" class="btn pi-btn-red">Red Button</a>
<a href="#" class="btn pi-btn-purple">Purple Button</a>
<a href="#" class="btn pi-btn-orange">Orange Button</av
<a href="#" class="btn pi-btn-blue">Blue Button</a>
<a href="#" class="btn pi-btn-dark">Dark Button</a>
<a href="#" class="btn pi-btn-grey">Grey Button</a>
<a href="#" class="btn pi-btn-light-grey">Light Grey Button</a>
Sizes
.btn-lg.btn-primary.btn-sm.btn-xs
<a href="#" class="btn pi-btn-red btn-lg">Large Button</a>
<a href="#" class="btn pi-btn-blue btn-primary">Medium Button</a>
<a href="#" class="btn pi-btn-pink btn-sm">Small Button</a>
<a href="#" class="btn pi-btn-default btn-xs">Small Button</a>
Buttons Rounded
.rounded-x2.rounded-x3.rounded-x4
<a href="#" class="btn pi-btn-purple">default</a>
<a href="#" class="btn pi-btn-blue rounded-x2">Rounded-x2</a>
<a href="#" class="btn pi-btn-red rounded-x3">Rounded-x3</a>
<a href="#" class="btn pi-btn-orange rounded-x4">Rounded-x4</a>
Boreder Buttons
<button type="button" class="btn pi-btn-pink btn-border"><i class="fa fa-cloud-upload"></i>Btn Border</button>
<button type="button" class="btn pi-btn-purple btn-border"><i class="fa fa-star"></i>Btn Border</button>
<button type="button" class="btn pi-btn-red btn-border"><i class="fa fa-star"></i>Btn Button</button>
<button type="button" class="btn pi-btn-orange btn-border"><i class="fa fa-star"></i>Btn Button</button>