Gradient CTA Link Button with Hover Animation

<a href="#" class="relative inline-flex items-center gap-2 hover:scale-105 transition-all duration-200 group text-sm font-medium text-white rounded-xl pt-3 pr-5 pb-3 pl-5">
                <span class="absolute inset-0 rounded-xl bg-gradient-to-r from-emerald-500/20 to-cyan-500/20"></span>
                <span class="absolute inset-0 ring-1 ring-emerald-400/40 group-hover:ring-emerald-400/60 transition-all rounded-xl"></span>
                <span class="relative font-sans" style="">Technical Documentation</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="chevrons-right" class="lucide lucide-chevrons-right relative h-4 w-4 group-hover:translate-x-1 transition-transform"><path d="m6 17 5-5-5-5" class=""></path><path d="m13 17 5-5-5-5" class=""></path></svg>
              </a>