#fff7ed
1<div class="group w-[184px] overflow-hidden rounded-2xl bg-white shadow-xl shadow-orange-900/10 ring-1 ring-orange-100 transition duration-300 hover:-translate-y-1">2 <div class="relative grid h-[76px] place-items-center overflow-hidden bg-[radial-gradient(circle_at_20%_30%,#fed7aa,transparent_45%),linear-gradient(135deg,#fb923c,#c2410c)]">3 <span class="absolute left-2 top-2 rounded-full bg-white/90 px-2 py-0.5 text-[9px] font-bold uppercase tracking-wider text-green-700">Vegana</span>4 <div class="grid size-[58px] place-items-center rounded-full bg-amber-50 shadow-lg shadow-orange-900/30 transition duration-500 group-hover:rotate-[120deg] group-hover:scale-110">5 <div class="size-10 rounded-full bg-[radial-gradient(circle_at_35%_35%,#fde047_0_4px,transparent_5px),radial-gradient(circle_at_65%_60%,#16a34a_0_3px,transparent_4px),radial-gradient(circle_at_40%_70%,#fef3c7_0_5px,transparent_6px),radial-gradient(circle_at_65%_30%,#fef3c7_0_4px,transparent_5px),linear-gradient(135deg,#f97316,#dc2626)]"></div>6 </div>7 </div>8 <div class="p-3">9 <p class="text-[9px] font-bold uppercase tracking-widest text-orange-600">Almoço</p>10 <p class="mt-0.5 text-[13px] font-semibold leading-tight text-stone-900">Moqueca de banana-da-terra</p>11 <div class="mt-2 flex items-center justify-between text-[10px] text-stone-500">12 <span class="flex items-center gap-1">13 <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>40 min14 </span>15 <span class="flex items-center gap-1">16 <span class="flex items-end gap-[2px]"><i class="h-1.5 w-1 rounded-sm bg-orange-500"></i><i class="h-2 w-1 rounded-sm bg-orange-500"></i><i class="h-2.5 w-1 rounded-sm bg-stone-200"></i></span>Média17 </span>18 <span>4 porções</span>19 </div>20 <button class="mt-3 flex w-full items-center justify-center gap-1 rounded-lg bg-stone-900 py-1.5 text-[11px] font-semibold text-white transition hover:bg-orange-600">21 Ver receita <span class="transition group-hover:translate-x-0.5">→</span>22 </button>23 </div>24</div>