<div>
  <div class="w-36 h-6 mb-6 rounded placeload animate-placeload"></div>

  <div class="flex gap-4">
    <!--Facebook button-->
    <button
      class="
        flex-1
        inline-flex
        justify-center
        items-center
        py-4
        px-5
        rounded
        placeload
        animate-placeload
      "
    >
      <i class="iconify w-4 h-4" data-icon="fa6-brands:facebook-f"></i>
    </button>
    <!--Twitter button-->
    <button
      class="
        flex-1
        inline-flex
        justify-center
        items-center
        py-4
        px-5
        rounded
        placeload
        animate-placeload
      "
    >
      <i class="iconify w-4 h-4" data-icon="fa6-brands:twitter"></i>
    </button>
    <!--Linkedin button-->
    <button
      class="
        flex-1
        inline-flex
        justify-center
        items-center
        py-4
        px-5
        rounded
        placeload
        animate-placeload
      "
    >
      <i class="iconify w-4 h-4" data-icon="fa6-brands:linkedin-in"></i>
    </button>
    <!--Mail button-->
    <button
      class="
        flex-1
        inline-flex
        justify-center
        items-center
        py-4
        px-5
        rounded
        placeload
        animate-placeload
      "
    >
      <i class="iconify w-4 h-4" data-icon="fa6-solid:envelope"></i>
    </button>
  </div>
</div>
