Glowing Indicator Badge

<div
        class="flex items-center gap-3 bg-slate-900 border border-slate-800 px-5 py-2 rounded-full group cursor-pointer hover:border-emerald-500/50 transition-all">
        <span class="relative flex h-2 w-2">
            <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
            <span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-500 shadow-[0_0_10px_#10b981]"></span>
        </span>
        <span class="text-[10px] font-black italic uppercase tracking-widest text-emerald-400">Systems Online</span>
    </div>