<div class="tw-w-full tw-flex tw-text-slate-700 tw-relative tw-rounded-md tw-shadow-md tw-shadow-stone-300 tw-bg-white tw-mb-4 tw-col-span-12 tw-p-6">
    <div class="tw-flex tw-items-center tw-justify-between tw-w-full tw-relative tw-col-span-12">
    <div class="tw-relative tw-flex tw-flex-row">
      <form action="" class="tw-relative tw-flex tw-flex-row">
      <img src="link-imagem.png" class="tw-w-6 tw-absolute tw-z-50 tw-right-7 tw-top-3">
        <input type="text" name="nomeInput" id="nomeInput" autocomplete="off" placeholder="Busque aqui um cliente" class="tw-mr-2 tw-relative tw-z-10 tw-block tw-bg-slate-100 tw-py-3 tw-border tw-border-slate-200 tw-px-4 tw-rounded-full tw-hover:tw-border-slate-400 tw-focus:tw-outline-none tw-focus:tw-ring tw-focus:tw-ring-violet-500 tw-focus:tw-ring-opacity-80 tw-placeholder:tw-text-slate-400 tw-placeholder:tw-font-light">
      </form>
      <button class="tw-group tw-hidden tw-sm:tw-flex tw-items-center tw-rounded-full tw-justify-center tw-px-6 tw-py-2 tw-pr-12 tw-bg-slate-150 tw-font-medium tw-text-slate-800 tw-hover:bg-slate-500 tw-hover:tw-text-white">
        Filtrar
        <img src="link-imagem.png" class="tw-w-6 tw-relative tw-md:tw-absolute tw-z-50 tw-right-0 tw-md:tw-right-4 tw-top-0 tw-md:tw-top-3 tw-group-hover:tw-brightness-[5] ">
      </button>
    </div>
    <div class="tw-relative tw-flex tw-flex-row tw-space-x-2">

          <button class="tw-relative tw-flex tw-items-center tw-rounded-lg tw-justify-center tw-pl-3 tw-pr-3 tw-md:tw-pl-6 tw-md:tw-pr-14 tw-py-3  tw-bg-orange-600 tw-font-medium tw-text-white tw-hover:tw-bg-orange-700 tw-shadow-lg tw-shadow-orange-500 tw-hover:tw-bg-orange-700">
            <span class="tw-hidden tw-md:tw-block">Mesclar Clientes</span>
            <img src="link-imagem.png" class="tw-w-6 tw-relative tw-md:tw-absolute tw-z-50 tw-right-0 tw-md:tw-right-4 tw-top-0 tw-md:tw-top-3">
          </button>
    
        <button class="tw-relative tw-text-sm tw-flex tw-items-center tw-rounded-lg tw-justify-center tw-pl-3 tw-pr-3 tw-md:tw-pl-6 tw-md:tw-pr-14 tw-py-3 tw-bg-purple-700 tw-font-medium tw-text-white tw-hover:tw-bg-purple-900 tw-shadow-lg tw-shadow-purple-700/60 tw-hover:shadow-purple-700">
            <span class="tw-hidden md:tw-block">Cadastrar novo cliente</span>
            <img src="link-imagem.png" class="tw-w-6 tw-relative tw-md:tw-absolute tw-z-50 tw-right-0 md:tw-right-4 tw-top-0 tw-md:tw-top-3">
        </button>
      </div>
    </div>
  </div>
                    

                      

                    
<div class="tw-col-span-12 tw-px-3 tw-pt-3 tw-text-sm tw-relative">
  <label for="nomeInput" class="tw-block tw-font-semibold text-zinc-700 tracking-tigh tw-relative tw-z-50 tw-top-0 tw-bg-white left tw-px-1 tw-mb-1">Input padrão</label>
  <div class="tw-relative">
    <input type="text" name="nomeInput" id="nomeInput" autocomplete="off" placeholder="Digite seu nome completo - ocupando 100%" class="tw-relative tw-z-10 tw-block tw-w-full bg-slate-150 tw-py-3 tw-border border-slate-200 tw-px-4 tw-rounded hover:border-slate-400 focus:tw-outline-none focus:tw-ring focus:ring-violet-500 focus:tw-ring-opacity-80 placeholder:text-slate-400 placeholder:tw-font-light">
  </div>
</div>