<!-- Bordered Extra Small --> <a href="#" class="btn btn-xs btn-primary"> <i class="et-megaphone"></i> <span>Extra Small</span> </a> <!-- Bordered Small --> <a href="#" class="btn btn-sm btn-primary"> <i class="et-megaphone"></i> <span>Small</span> </a> <!-- Bordered Medium --> <a href="#" class="btn btn-primary"> <i class="et-megaphone"></i> <span>Medium</span> </a> <!-- Bordered Large --> <a href="#" class="btn btn-lg btn-primary"> <i class="et-megaphone"></i> <span>Large</span> </a> <!-- Bordered Extra Large --> <a href="#" class="btn btn-xlg btn-primary size-20"> TRY SMARTY DEMO <span class="block font-lato">30 days demo for free</span> </a>