Capsule Waitlist CTA Link with Icon (Tailwind)

<a href="#waitlist" class="group inline-flex items-center gap-3 ring-1 ring-white/10 hover:bg-white/10 transition text-sm font-semibold text-white bg-white/5 rounded-full pt-2.5 pr-4 pb-2.5 pl-4 backdrop-blur-lg">
                  Join the Waitlist
                  <span class="inline-flex h-7 w-7 items-center justify-center group-hover:translate-x-0.5 transition text-neutral-900 bg-orange-300 rounded-full">
                    <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-up-right" class="lucide lucide-arrow-up-right h-4 w-4"><path d="M7 7h10v10" class=""></path><path d="M7 17 17 7" class=""></path></svg>
                  </span>
                </a>