0
#f5f3ff
1<form class="w-[196px] rounded-2xl bg-white p-4 shadow-lg shadow-violet-300/40 ring-1 ring-violet-100">2 <p class="text-[10px] font-bold uppercase tracking-widest text-violet-500">Pergunta rápida</p>3 <p class="mb-3 mt-1 text-sm font-bold leading-tight text-slate-900">Como você nos conheceu?</p>4 <div class="grid gap-1.5 text-xs font-medium text-slate-600">5 <label class="flex cursor-pointer items-center gap-2 rounded-lg border border-slate-200 px-2.5 py-2 transition hover:border-violet-300 has-checked:border-violet-500 has-checked:bg-violet-50 has-checked:text-violet-900"><input type="radio" name="origem" class="accent-violet-600" checked /> Indicação de amigo</label>6 <label class="flex cursor-pointer items-center gap-2 rounded-lg border border-slate-200 px-2.5 py-2 transition hover:border-violet-300 has-checked:border-violet-500 has-checked:bg-violet-50 has-checked:text-violet-900"><input type="radio" name="origem" class="accent-violet-600" /> Redes sociais</label>7 <label class="flex cursor-pointer items-center gap-2 rounded-lg border border-slate-200 px-2.5 py-2 transition hover:border-violet-300 has-checked:border-violet-500 has-checked:bg-violet-50 has-checked:text-violet-900"><input type="radio" name="origem" class="accent-violet-600" /> Busca na internet</label>8 </div>9 <button type="button" class="mt-3 w-full rounded-lg bg-violet-600 py-2 text-xs font-bold text-white transition hover:bg-violet-700">Responder</button>10</form>