0
#ecfdf5
1<form class="relative w-[200px] rounded-2xl bg-emerald-600 p-4 text-white shadow-lg shadow-emerald-700/30">2 <span class="absolute -left-2.5 top-[62px] size-5 rounded-full bg-[#ecfdf5]"></span>3 <span class="absolute -right-2.5 top-[62px] size-5 rounded-full bg-[#ecfdf5]"></span>4 <p class="text-[10px] font-bold uppercase tracking-[.2em] text-emerald-200">Primeira compra</p>5 <p class="mt-0.5 text-3xl font-black leading-none">15% <span class="text-base font-bold">OFF</span></p>6 <div class="my-3 border-t-2 border-dashed border-emerald-400/70"></div>7 <label class="mb-1 block text-[11px] font-medium text-emerald-100">Tem um código?</label>8 <div class="flex overflow-hidden rounded-lg bg-white p-1 focus-within:ring-2 focus-within:ring-lime-300">9 <input class="w-0 flex-1 bg-transparent px-2 font-mono text-xs uppercase text-emerald-900 outline-none placeholder:text-emerald-900/40" placeholder="BEMVINDO15" />10 <button type="button" class="rounded-md bg-lime-300 px-2.5 py-1.5 text-xs font-bold text-emerald-900 transition hover:bg-lime-200">Aplicar</button>11 </div>12 <p class="mt-2 text-[10px] text-emerald-100/80">Válido até 30/11 em todo o site.</p>13</form>