Animated CTA Link Button with Arrow Icon

<a href="#work" class="group inline-flex items-center gap-2 animate-cta-float hover:translate-y-[-1px] transition-transform text-base font-medium text-white bg-white/10 ring-white/15 ring-1 rounded-full pt-3 pr-6 pb-3 pl-6 relative shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15)] backdrop-blur-md" data-element-locator="html &gt; body:nth-of-type(1) &gt; div:nth-of-type(3) &gt; section:nth-of-type(1) &gt; div:nth-of-type(2) &gt; a:nth-of-type(1)">
      <span class="animate-cta-pulse">View Portfolio</span>
      <svg class="size-4 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none">
        <path d="M5 12h14M13 5l7 7-7 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" class=""></path>
      </svg>
      <span class="pointer-events-none absolute inset-0 rounded-full overflow-hidden">
        <span class="absolute inset-0 animate-shimmer"></span>
      </span>
    </a>