Tailwind Gradient CTA Button with Arrow Icon

<a href="#contact" class="group inline-flex items-center justify-center gap-3 shadow-neutral-900/20 ring-1 ring-black/10 transition duration-150 ease-out hover:-translate-y-0.5 text-base font-medium text-white bg-gradient-to-tr from-neutral-900 to-neutral-800 rounded-full pt-3 pr-6 pb-3 pl-6 shadow-lg">
              Start a project
              <span class="inline-flex h-7 w-7 items-center justify-center rounded-full bg-white/15 ring-1 ring-white/25">
                <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 w-4 h-4"><path d="M7 7h10v10" class=""></path><path d="M7 17 17 7" class=""></path></svg>
              </span>
            </a>