choose-file-rounded-black.html

<div class="grid gap-5 p-5">
<!-- small -->

<div class="bg-black rounded-r-full rounded-l-full p-5 mx-10 flex items-center px-10 space-x-4">
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" class="w-5 h-5">
      <path stroke-linecap="round" stroke-linejoin="round" 
        d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" />
  </svg>
  <input type="file" id="file_input"
       class="text-lg font-mono file:bg-black file:text-white text-gray-400 file:border-none "
        placeholder="search" required />
</div>

<!-- large -->

<div>
<div class="bg-black rounded-r-full rounded-l-full p-10 mx-3 flex items-center space-x-4">
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" class="w-6 h-6">
    <path stroke-linecap="round" stroke-linejoin="round" 
      d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" />
  </svg>
  <input type="file" id="file_input"
       class="text-xl font-mono file:bg-black file:text-white text-gray-400 file:border-none"
        placeholder="search" required />
  </div>
</div>