<!-- From Uiverse.io by Javierrocadev  - Tags: gradient, button, hover, hover effect, hoverme, hover button, tailwind, tailwindbutton -->
<button
  class="font-semibold group relative text-2xl bg-gradient-to-t from-slate-50 to-gray-200 text-zinc-800 rounded-full flex gap-4 px-4 py-4 before:w-64 before:h-20 before:bg-gradient-to-b from-slate-50 to-gray-200 before:-z-10 before:absolute before:-top-2 before:-left-2 before:rounded-xl before:border-2 before:border-zinc-400 before:shadow-xl before:hover:opacity-7