Gradient CTA Button with Play and Arrow Icons

<a href="#"
  class="inline-flex items-center justify-center gap-2 transition-all hover:scale-105 hover:shadow-lg font-medium text-white bg-gradient-to-r from-cyan-600 to-green-600 rounded-full pt-4 pr-8 pb-4 pl-8">
  <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="play-circle"
    class="lucide lucide-play-circle w-5 h-5" style="stroke-width: 1.5;">
    <path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"></path>
    <circle cx="12" cy="12" r="10"></circle>
  </svg>
  Start Learning Free
  <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-4 h-4" style="stroke-width: 1.5;">
    <path d="M5 12h14"></path>
    <path d="m12 5 7 7-7 7"></path>
  </svg>
</a>