Rounded CTA Button with Icon (Tailwind)

<a href="#assessment"
  class="inline-flex items-center justify-center gap-2 transition-all duration-300 hover:bg-slate-800 min-h-[48px] focus:ring-2 focus:ring-slate-500 focus:outline-none text-sm font-medium text-white tracking-tight bg-slate-900 border-slate-900 border rounded-full pt-3 pr-6 pb-3 pl-6 shadow-sm">
  <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 stroke-[1.5]" viewBox="0 0 24 24" fill="none"
    stroke="currentColor">
    <path d="M9 12l2 2 4-4" class=""></path>
    <path d="M21 12c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1" class=""></path>
    <path d="M3 12c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1" class=""></path>
    <path d="M12 21c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1" class=""></path>
    <path d="M12 3c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1" class=""></path>
  </svg>
  <span class="font-geist">Start Your Assessment</span>
</a>