#f4f4f5
1<button class="group inline-flex items-center gap-4 rounded-full bg-zinc-900 py-2.5 pl-6 pr-2.5 text-[15px] font-semibold text-zinc-50 shadow-lg shadow-zinc-900/25 transition hover:bg-zinc-800 active:scale-95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-lime-500">2 Próximo3 <span class="relative flex h-8 w-20 items-center rounded-full bg-zinc-800 ring-1 ring-white/10 transition group-hover:bg-zinc-950">4 <span class="dormentes absolute inset-x-3 top-1/2 h-1.5 -translate-y-1/2 opacity-50"></span>5 <span class="absolute left-1 grid size-6 place-items-center rounded-full bg-lime-400 text-zinc-900 shadow-[0_0_12px_#a3e63580] transition-all duration-500 ease-[cubic-bezier(.5,-.4,.3,1.4)] group-hover:left-[52px]">6 <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></svg>7 </span>8 </span>9</button>