#f4f4f5
1<div class="w-56 overflow-hidden rounded-2xl bg-white shadow-xl shadow-zinc-300/60">2 <div class="grid h-32 place-items-center bg-gradient-to-br from-orange-200 to-rose-300 text-5xl">👟</div>3 <div class="p-4">4 <p class="text-xs font-medium uppercase tracking-wider text-rose-500">Novidade</p>5 <h3 class="mt-1 font-semibold text-zinc-900">Tênis de corrida</h3>6 <div class="mt-3 flex items-center justify-between">7 <span class="text-lg font-bold">R$ 299</span>8 <button class="rounded-lg bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white hover:bg-zinc-700">Comprar</button>9 </div>10 </div>11</div>