CTA Button with Hover Expanding Background

<a href="#"
  class="relative inline-flex items-center justify-center overflow-hidden group text-white tracking-tighter bg-gray-800 rounded-3xl pt-2.5 pr-4 pb-2.5 pl-4">
  <span class="absolute transition-all duration-500 ease-out group-hover:w-56 group-hover:h-56 bg-teal-600 w-0 h-0 rounded-full"></span>



  <span class="relative text-base font-semibold">Start Growing Smarter</span>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="arrow-right"
    class="lucide lucide-arrow-right h-4 w-4 relative ml-3">
    <path d="M5 12h14" class=""></path>
    <path d="m12 5 7 7-7 7" class=""></path>
  </svg>
</a>