Elements 02

            
<div class="flex flex-col space-y-4 md:flex-row md:space-y-0 md:space-x-2 items-center">
  <a href="#" class="inline-block bg-transparent font-semibold text-xs rounded-lg py-3 px-4 lg:px-8 text-gray-600 border-2 border-gray-300 hover:bg-gray-600 hover:text-white">XS button</a>
  <a href="#" class="inline-block bg-transparent font-semibold text-sm rounded-lg py-4 px-5 lg:px-8 text-gray-600 border-2 border-gray-300 hover:bg-gray-600 hover:text-white">Small button</a>
  <a href="#" class="inline-block bg-transparent font-semibold rounded-lg py-4 px-5 lg:px-8 text-gray-600 border-2 border-gray-300 hover:bg-gray-600 hover:text-white">Default button</a>
  <a href="#" class="inline-block bg-transparent font-semibold text-lg rounded-lg py-4 px-5 lg:px-8 text-gray-600 border-2 border-gray-300 hover:bg-gray-600 hover:text-white">Large button</a>
  <a href="#" class="inline-block bg-transparent font-semibold text-xl rounded-lg py-5 px-5 lg:px-10 text-gray-600 border-2 border-gray-300 hover:bg-gray-600 hover:text-white">XL button</a>
</div>