Viral Ready Status Badge with Pulse Animation

<div class="inline-block">
  <style>@import url('https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700,900&display=swap');
    
    @keyframes ping {
      75%, 100% {
        transform: scale(2);
        opacity: 0;
      }
    }
    
    .animate-ping {
      animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
    }</style>
  <span class="text-[10px] uppercase font-medium border border-neutral-700
    px-2 py-1 rounded bg-neutral-800/80 flex items-center
    gap-1.5 tracking-wider text-neutral-300" style="font-family: 'Satoshi', 'Helvetica Neue', sans-serif;">
    <span class="relative flex h-1.5 w-1.5">
      <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-orange-500 opacity-75"></span>
      <span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-orange-500"></span>
    </span>
  </span>
</div>