Elements 12

            
<div class="flex flex-col space-y-4 lg:flex-row lg:space-y-0 lg:space-x-2 items-center">
  <a href="#" class="inline-flex space-x-2 items-center bg-gray-600 font-semibold text-xs rounded-full py-3 px-4 lg:px-8 text-white hover:bg-gray-500">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4">
        <path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z" />
  <path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z" />
    </svg>
    <span>XS button</span>
  </a>
  <a href="#" class="inline-flex space-x-2 items-center bg-gray-600 font-semibold text-sm rounded-full py-4 px-5 lg:px-8 text-white hover:bg-gray-500">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5">
        <path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z" />
  <path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z" />
    </svg>
    <span>Small button</span>
  </a>
  <a href="#" class="inline-flex space-x-2 items-center bg-gray-600 font-semibold rounded-full py-4 px-5 lg:px-8 text-white hover:bg-gray-500">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-6">
        <path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z" />
  <path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z" />
    </svg>
    <span>Default button</span>
  </a>
  <a href="#" class="inline-flex space-x-3 items-center bg-gray-600 font-semibold text-lg rounded-full py-4 px-5 lg:px-8 text-white hover:bg-gray-500">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-7">
        <path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z" />
  <path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z" />
    </svg>
    <span>Large button</span>
  </a>
  <a href="#" class="inline-flex space-x-3 items-center bg-gray-600 font-semibold text-xl rounded-full py-5 px-5 lg:px-10 text-white hover:bg-gray-500">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-8">
        <path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z" />
  <path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z" />
    </svg>
    <span>XL button</span>
  </a>
</div>