Gradient Call-to-Action Button with Glow

<div class="group relative">
  <!-- Glow -->
  <div
    class="-inset-0.5 group-hover:opacity-50 transition duration-300 bg-gradient-to-r from-red-500 via-orange-500 to-pink-500 opacity-30 rounded-full absolute blur-lg">
  </div>

  <button class="flex gap-2 hover:brightness-110 transition-all text-white bg-gradient-to-r from-red-500 via-orange-500 to-pink-500 rounded-full pt-3.5 pr-8 pb-3.5 pl-8 relative shadow-sm gap-x-2 gap-y-2 items-center">
                    <span class="text-base font-medium">Get Unlimited Access</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 w-5 h-5 ml-1 group-hover:translate-x-1 transition-transform"><path d="M5 12h14" class=""></path><path d="m12 5 7 7-7 7" class=""></path></svg>
                </button>
</div>