Pill Badge with Icon and Uppercase Label

<div
  class="inline-flex gap-2 bg-blue-500/10 border-blue-500/20 border rounded-full mb-6 pt-2 pr-4 pb-2 pl-4 items-center">
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-[16px] h-[16px] text-blue-400"
    style="width: 16px; height: 16px;">
    <circle cx="12" cy="12" r="10" class=""></circle>
    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
    <path d="M12 17h.01"></path>
  </svg>
  <span class="uppercase text-xs font-medium text-blue-400 tracking-wider" style="">Frequently Asked Questions</span>
</div>