Badge Large

            
<div class="flex flex-wrap justify-center gap-2">
  <span class="rounded-full bg-primary-50 px-3 py-1 text-sm font-semibold text-primary-600"> Badge </span>
  <span class="rounded-full bg-green-50 px-3 py-1 text-sm font-semibold text-green-600"> Badge </span>
  <span class="rounded-full bg-yellow-50 px-3 py-1 text-sm font-semibold text-yellow-600"> Badge </span>
  <span class="rounded-full bg-red-50 px-3 py-1 text-sm font-semibold text-red-600"> Badge </span>
  <span class="rounded-full bg-gray-100 px-3 py-1 text-sm font-semibold text-gray-600"> Badge </span>
  <span class="rounded-full bg-black px-3 py-1 text-sm font-semibold text-white"> Badge </span>
</div>