tail-input.html

  <div class="mt-20 bg-gray-900 w-full p-8 py-20 flex justify-center">
    <div>
      <h1 class="text-white font-bold text-2xl mb-4 text-center">Search Your 😈 Fantasy?</h1>
      <span class="relative">
        <input type="text" class="py-2 px-4 rounded-full bg-gray-100 text-lg text-gray-600 font-semibold focus:outline-none hover:bg-gray-200 focus:ring-4 focus:ring-white focus:ring-opacity-25 pr-36" placeholder="How to 🔪 tomato..." />
        <span id="badge" class="bg-pink-600 absolute right-3 top-1/2 transform -translate-y-1/2 px-6 py-2 rounded-full font-semibold text-gray-200 cursor-pointer hover:bg-pink-500 uppercase text-sm">🔍 Search</span>
      </span>
    </div>
  </div>