#f1f5f9
1<button class="group flex items-center gap-2.5 rounded-xl border border-slate-200 bg-white px-5 py-3 font-semibold text-slate-800 shadow-md shadow-slate-300/60 transition hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0">2 <svg class="sino size-5 origin-top text-indigo-600" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>3 Avisos4 <span class="relative ml-1 grid size-5 place-items-center rounded-full bg-rose-500 text-[11px] font-bold text-white">5 <span class="absolute inset-0 rounded-full bg-rose-500 motion-safe:animate-ping"></span>6 <span class="relative">3</span>7 </span>8</button>