#fff6ec
1<div class="w-60 pt-14">2 <div class="relative inline-flex">3 <div class="absolute bottom-[calc(100%+10px)] left-0 flex w-max gap-1 rounded-full bg-white px-2 py-1.5 shadow-lg shadow-orange-200/70 ring-1 ring-orange-100">4 <span class="group relative cursor-pointer text-2xl transition hover:-translate-y-2 hover:scale-150"><span class="onda inline-block">👍</span><span class="pointer-events-none absolute -top-6 left-1/2 -translate-x-1/2 whitespace-nowrap rounded-full bg-slate-900 px-1.5 py-0.5 text-[8px] font-semibold text-white opacity-0 group-hover:opacity-100">Curti</span></span>5 <span class="group relative cursor-pointer text-2xl transition hover:-translate-y-2 hover:scale-150"><span class="onda inline-block [--a:.12s]">❤️</span><span class="pointer-events-none absolute -top-6 left-1/2 -translate-x-1/2 whitespace-nowrap rounded-full bg-slate-900 px-1.5 py-0.5 text-[8px] font-semibold text-white opacity-0 group-hover:opacity-100">Amei</span></span>6 <span class="group relative cursor-pointer text-2xl transition hover:-translate-y-2 hover:scale-150"><span class="onda inline-block [--a:.24s]">😂</span><span class="pointer-events-none absolute -top-6 left-1/2 -translate-x-1/2 whitespace-nowrap rounded-full bg-slate-900 px-1.5 py-0.5 text-[8px] font-semibold text-white opacity-0 group-hover:opacity-100">Haha</span></span>7 <span class="group relative cursor-pointer text-2xl transition hover:-translate-y-2 hover:scale-150"><span class="onda inline-block [--a:.36s]">😮</span><span class="pointer-events-none absolute -top-6 left-1/2 -translate-x-1/2 whitespace-nowrap rounded-full bg-slate-900 px-1.5 py-0.5 text-[8px] font-semibold text-white opacity-0 group-hover:opacity-100">Uau</span></span>8 <span class="group relative cursor-pointer text-2xl transition hover:-translate-y-2 hover:scale-150"><span class="onda inline-block [--a:.48s]">😢</span><span class="pointer-events-none absolute -top-6 left-1/2 -translate-x-1/2 whitespace-nowrap rounded-full bg-slate-900 px-1.5 py-0.5 text-[8px] font-semibold text-white opacity-0 group-hover:opacity-100">Triste</span></span>9 <span class="group relative cursor-pointer text-2xl transition hover:-translate-y-2 hover:scale-150"><span class="onda inline-block [--a:.6s]">🎉</span><span class="pointer-events-none absolute -top-6 left-1/2 -translate-x-1/2 whitespace-nowrap rounded-full bg-slate-900 px-1.5 py-0.5 text-[8px] font-semibold text-white opacity-0 group-hover:opacity-100">Viva</span></span>10 </div>11 <button class="flex items-center gap-1.5 rounded-full bg-orange-500 px-4 py-2 text-sm font-semibold text-white shadow-md shadow-orange-300 transition hover:bg-orange-600">👍 Curtir</button>12 </div>13 <p class="mt-3 text-xs text-slate-500">Você e mais 23 pessoas</p>14</div>