Animated Gradient Badge

<div class="inline-flex items-center gap-3">
  <div class="relative">
    <div class="absolute inset-0 bg-gradient-to-r from-lime-400 to-emerald-400 rounded-full animate-pulse"></div>
    <div class="relative bg-gray-900 rounded-full px-4 py-2 m-0.5">
      <span class="text-xs font-medium tracking-wider text-lime-300 uppercase flex items-center gap-2">
        Latest Insights
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3">
          <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path>
        </svg>
      </span>
    </div>
  </div>
  <div class="h-px bg-gradient-to-r from-lime-300/50 to-transparent flex-1"></div>
</div>