<div class="flex flex-wrap gap-8 items-center justify-center max-w-3xl mx-auto w-full">
  <span class="inline-flex rounded-lg border border-gray-200 bg-gray-50 px-2.5 py-1 text-xs font-medium text-gray-700 dark:bg-zinc-800 dark:border-zinc-700 dark:text-white">Badge</span>
  <span class="inline-flex rounded-lg border border-red-200 bg-red-50 px-2.5 py-1 text-xs font-medium text-red-700 dark:bg-red-600/20 dark:border-red-500 dark:text-red-400">Badge</span>
  <span class="inline-flex rounded-lg border border-yellow-200 bg-yellow-50 px-2.5 py-1 text-xs font-medium text-yellow-700 dark:bg-yellow-600/20 dark:border-yellow-500 dark:text-yellow-400">Badge</span>
  <span class="inline-flex rounded-lg border border-emerald-200 bg-emerald-50 px-2.5 py-1 text-xs font-medium text-emerald-700 dark:bg-emerald-600/20 dark:border-emerald-500 dark:text-emerald-400">Badge</span>
  <span class="inline-flex rounded-lg border border-primary-200 bg-primary-50 px-2.5 py-1 text-xs font-medium text-primary-700 dark:bg-primary-600/20 dark:border-primary-500 dark:text-primary-400">Badge</span>
</div>

<div class="flex flex-wrap gap-8 items-center justify-center max-w-3xl mx-auto w-full">
  <span class="inline-flex rounded-full border border-gray-200 bg-gray-50 px-2.5 py-1 text-xs font-medium text-gray-700 dark:bg-zinc-800 dark:border-zinc-700 dark:text-white">Badge</span>
  <span class="inline-flex rounded-full border border-red-200 bg-red-50 px-2.5 py-1 text-xs font-medium text-red-700 dark:bg-red-600/20 dark:border-red-500 dark:text-red-400">Badge</span>
  <span class="inline-flex rounded-full border border-yellow-200 bg-yellow-50 px-2.5 py-1 text-xs font-medium text-yellow-700 dark:bg-yellow-600/20 dark:border-yellow-500 dark:text-yellow-400">Badge</span>
  <span class="inline-flex rounded-full border border-emerald-200 bg-emerald-50 px-2.5 py-1 text-xs font-medium text-emerald-700 dark:bg-emerald-600/20 dark:border-emerald-500 dark:text-emerald-400">Badge</span>
  <span class="inline-flex rounded-full border border-primary-200 bg-primary-50 px-2.5 py-1 text-xs font-medium text-primary-700 dark:bg-primary-600/20 dark:border-primary-500 dark:text-primary-400">Badge</span>
</div>