Gradient CTA Button with Arrow Icon

<button class="flex hover:bg-white/15 transition duration-300 border-gradient before:rounded-lg */ font-medium text-white tracking-wide bg-white/10 border-white/30 border rounded-lg pt-2 pr-10 pb-2 pl-10 relative shadow-[inset_0_2px_8px_rgba(255,255,255,0.6),_inset_0_-2px_6px_rgba(255,255,255,0.1),_0_8px_24px_rgba(0,0,0,0.4)] backdrop-blur-xl gap-x-2 gap-y-2 items-center justify-center" data-element-locator="html &gt; body:nth-of-type(1) &gt; section:nth-of-type(1) &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; button:nth-of-type(1)">
  START FREE TRIAL
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-4 h-4">
    <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" class=""></path>
  </svg>
</button>