<ul class="list-inline-sm">
<li>
<a class="button button-xl button-gray" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-gray" href="#">Button</a>
</li>
<li>
<a class="button button-md button-gray" href="#">Button</a>
</li>
<li>
<a class="button button-sm button-gray" href="#">Button</a>
</li>
<li>
<a class="button button-xs button-gray" href="#">Button</a>
</li>
</ul>
<ul class="list-inline-sm">
<li>
<a class="button button-lg button-gray" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-gray button-radius" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-gray button-rounded" href="#">Button</a>
</li>
</ul>
<ul class="list-inline-sm">
<li>
<a class="button button-lg button-gray" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-outline-gray" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-dark" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-outline-dark" href="#">Button</a>
</li>
</ul>
<ul class="list-inline-sm">
<li>
<a class="button button-lg button-white" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-white-2" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-outline-white" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-outline-white-2" href="#">Button</a>
</li>
</ul>
<ul class="list-inline-lg">
<li>
<a class="button-text-1" href="#">Text Button</a>
</li>
<li>
<a class="button-text-2" href="#">Text Button</a>
</li>
</ul>
<ul class="list-inline">
<li>
<a class="button-circle button-circle-md button-circle-gray" href="#">
<i class="fas fa-star"></i>
</a>
</li>
<li>
<a class="button-circle button-circle-md button-circle-outline-gray" href="#">
<i class="fas fa-star"></i>
</a>
</li>
<li>
<a class="button-circle button-circle-md button-circle-dark" href="#">
<i class="fas fa-star"></i>
</a>
</li>
<li>
<a class="button-circle button-circle-md button-circle-outline-dark" href="#">
<i class="fas fa-star"></i>
</a>
</li>
<li>
<a class="button-circle button-circle-md button-circle-black" href="#">
<i class="fas fa-star"></i>
</a>
</li>
</ul>
<ul class="list-inline">
<li>
<a class="button-circle button-circle-md button-circle-white" href="#">
<i class="fas fa-star"></i>
</a>
</li>
<li>
<a class="button-circle button-circle-md button-circle-white-2" href="#">
<i class="fas fa-star"></i>
</a>
</li>
<li>
<a class="button-circle button-circle-md button-circle-outline-white" href="#">
<i class="fas fa-star"></i>
</a>
</li>
<li>
<a class="button-circle button-circle-md button-circle-outline-white-2" href="#">
<i class="fas fa-star"></i>
</a>
</li>
</ul>
<ul class="list-inline-lg">
<li>
<a class="button-circle button-circle-lg button-circle-dark button-circle-animation-drop" href="#">
<i class="fas fa-star"></i>
</a>
</li>
<li>
<a class="button-circle button-circle-lg button-circle-gray button-circle-animation-drop-2" href="#">
<i class="fas fa-star"></i>
</a>
</li>
</ul>
<ul class="list-inline-sm">
<li>
<a class="button button-lg button-gray button-shadow" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-gray button-hover-float" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-gray button-hover-scale" href="#">Button</a>
</li>
<li>
<a class="button button-lg button-gray button-hover-shrink" href="#">Button</a>
</li>
</ul>