#f0fdf4
1<div class="w-[210px] rounded-2xl bg-white p-2 shadow-lg shadow-emerald-900/10 ring-1 ring-emerald-100 transition focus-within:ring-2 focus-within:ring-emerald-500">2 <textarea rows="2" class="peer block w-full resize-none bg-transparent px-2 pt-1 text-sm text-slate-800 outline-none placeholder:text-slate-400" placeholder="Deixe um comentário..."></textarea>3 <div class="mt-1 flex items-center gap-1 text-slate-400 peer-placeholder-shown:[&>button:last-child]:pointer-events-none peer-placeholder-shown:[&>button:last-child]:bg-slate-100 peer-placeholder-shown:[&>button:last-child]:text-slate-400">4 <button class="grid size-8 place-items-center rounded-lg transition hover:bg-slate-100 hover:text-slate-600">5 <svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21 11-8.6 8.6a5 5 0 0 1-7-7l8.5-8.6a3.3 3.3 0 0 1 4.7 4.7L10 17.3a1.7 1.7 0 0 1-2.3-2.3l7.9-7.9"/></svg>6 </button>7 <button class="grid size-8 place-items-center rounded-lg transition hover:bg-slate-100 hover:text-slate-600">8 <svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M8.5 14a4 4 0 0 0 7 0M9 9.5h.01M15 9.5h.01"/></svg>9 </button>10 <button class="group ml-auto flex h-8 items-center gap-1.5 rounded-lg bg-emerald-500 px-3 text-xs font-semibold text-white transition hover:bg-emerald-600">11 Enviar12 <svg class="size-3.5 transition group-hover:-translate-y-0.5 group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="currentColor"><path d="M3 11 21 3l-8 18-2-8z"/></svg>13 </button>14 </div>15</div>