Lingid

<div class="flex items-center space-x-10">
  <a href="#" class="text-sm font-medium text-blue-600 no-underline
    hover:text-blue-500 hover:focus:active:underline focus:active:text-blue-700"
  >
    Small Link
  </a>
  <a href="#" class="text-base font-medium text-blue-600 no-underline
    hover:text-blue-500 hover:focus:active:underline focus:active:text-blue-700"
  >
    Base Link
  </a>
  <a href="#" class="text-lg font-medium text-blue-600 no-underline
    hover:text-blue-500 hover:focus:active:underline focus:active:text-blue-700"
  >
    Large Link
  </a>
</div>

<div class="flex items-center space-x-10">
  <a href="#" class="inline-flex flex-nowrap items-center text-sm
    font-medium text-blue-600 no-underline hover:text-blue-500 hover:focus:active:underline focus:active:text-blue-700"
  >
    Small Link
    <svg class="h-3 w-3 ml-1" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z"></path>
    </svg>
  </a>
  <a href="#" class="inline-flex flex-nowrap items-center text-base
    font-medium text-blue-600 no-underline hover:text-blue-500 hover:focus:active:underline focus:active:text-blue-700"
  >
    Base Link
    <svg class="h-4 w-4 ml-1" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z"></path>
    </svg>
  </a>
  <a href="#" class="inline-flex flex-nowrap items-center text-lg
    font-medium text-blue-600 no-underline hover:text-blue-500 hover:focus:active:underline focus:active:text-blue-700"
  >
    Large Link
    <svg class="h-5 w-5 ml-1" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z"></path>
    </svg>
  </a>
</div>

<a class="
    inline-flex flex-nowrap items-center py-2 text-sm px-4
    font-medium text-sm text-center text-blue-600 bg-transparent rounded cursor-pointer border-none
    no-underline hover:focus:active:no-underline focus:active:ring-2 focus:active:ring-green-300
    hover:text-blue-500 focus:active:text-blue-700 hover:bg-blue-100/10 focus:active:bg-blue-100/10
">
  Small Link
</a>
<a class="
    inline-flex flex-nowrap items-center py-3 px-4
    font-medium text-base text-center text-blue-600 bg-transparent rounded cursor-pointer border-none
    no-underline hover:focus:active:no-underline focus:active:ring-2 focus:active:ring-green-300
    hover:text-blue-500 focus:active:text-blue-700 hover:bg-blue-100/10 focus:active:bg-blue-100/10
">
  Base Link
</a>
<a class="
    inline-flex flex-nowrap items-center py-4 px-6
    font-medium text-lg text-center text-blue-600 bg-transparent rounded cursor-pointer border-none
    no-underline hover:focus:active:no-underline focus:active:ring-2 focus:active:ring-green-300
    hover:text-blue-500 focus:active:text-blue-700 hover:bg-blue-100/10 focus:active:bg-blue-100/10
">
  Large Link
</a>

<a class="
    inline-flex flex-nowrap items-center py-2 text-sm px-4
    font-medium text-sm text-center text-blue-600 bg-transparent rounded cursor-pointer border-none
    no-underline hover:focus:active:no-underline focus:active:ring-2 focus:active:ring-green-300
    hover:text-blue-500 focus:active:text-blue-700 hover:bg-blue-100/10 focus:active:bg-blue-100/10
">
  Small Link
  <svg class="h-3 w-3 ml-1" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
    <path d="M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z"></path>
  </svg>
</a>
<a class="
    inline-flex flex-nowrap items-center py-2 text-base px-4
    font-medium text-base text-center text-blue-600 bg-transparent rounded cursor-pointer border-none
    no-underline hover:focus:active:no-underline focus:active:ring-2 focus:active:ring-green-300
    hover:text-blue-500 focus:active:text-blue-700 hover:bg-blue-100/10 focus:active:bg-blue-100/10
">
  Base Link
  <svg class="h-4 w-4 ml-1" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
    <path d="M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z"></path>
  </svg>
</a>
<a class="
  inline-flex flex-nowrap items-center py-3 px-4 no-underline hover:focus:active:no-underline
  font-medium text-lg text-center text-blue-600 bg-transparent rounded cursor-pointer border-none
  hover:text-blue-500 focus:active:text-blue-700 hover:bg-blue-100/10 focus:active:bg-blue-100/10
">
  Large Link
  <svg class="h-5 w-5 ml-1" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
    <path d="M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z"></path>
  </svg>
</a>