Düğme boyutu
Super Size Large Size Base Size Small Size
<a class="button button-xl button-primary-filled" href="#">Super
Size</a>
<a class="button button-lg button-primary-filled" href="#">Large
Size</a>
<a class="button button-primary-filled" href="#">Base
Size</a>
<a class="button button-sm button-primary-filled" href="our-services.html">Small
Size</a>
Button Shape
DefaultRoundSquareCircle<a href="#" class="button button-primary-filled">Default</a>
<a href="#" class="button button-round button-primary-filled">Round</a>
<a href="#" class="button button-rect button-rect button-primary-filled">Square</a>
<a href="#" class="button button-circle button-primary-filled">Circle</a>
Buttons with Icons
Icon Right Icon Left Icon Right Icon Left
<a href="#" class="button button-primary-filled button-icon
button-icon-right"><span class="icon icon-sm fa-angle-right"></span>
Icon Right</a>
<a href="#" class="button button-primary-filled button-icon
button-icon-left"><span class="icon icon-sm fa-angle-right"></span>
Icon Left</a>
<a href="#" class="button button-primary button-icon button-icon-right"><span
class="icon icon-sm fa-angle-right"></span> Icon Right</a>
<a href="#" class="button button-primary button-icon button-icon-left"><span
class="icon icon-sm fa-bug"></span> Icon Left</a>
Button with Shadow
ShadowShadow<a href="#" class="button button-primary-filled shadow-drop-xs">Shadow</a>
<a href="#" class="button button-primary shadow-drop-xs">Shadow</a>
Input Button
<input type="submit" name="Submit" value="Submit"
class="button button-primary button-icon button-icon-left">
<input type="button" name="Submit2" value="Button"
class="button button-round button-primary-filled">