#fdf8f1
1<div class="humor">2 <p class="pergunta">Como foi seu dia?</p>3 <div class="faces">4 <label class="f1"><input type="radio" name="humor-dia" /><svg viewBox="0 0 32 32"><circle cx="16" cy="16" r="15" fill="currentColor"/><circle cx="11" cy="13" r="2" fill="#1f2937"/><circle cx="21" cy="13" r="2" fill="#1f2937"/><path d="M10 23Q16 17 22 23" stroke="#1f2937" stroke-width="2.2" fill="none" stroke-linecap="round"/></svg></label>5 <label class="f2"><input type="radio" name="humor-dia" /><svg viewBox="0 0 32 32"><circle cx="16" cy="16" r="15" fill="currentColor"/><circle cx="11" cy="13" r="2" fill="#1f2937"/><circle cx="21" cy="13" r="2" fill="#1f2937"/><path d="M11 22Q16 19.5 21 22" stroke="#1f2937" stroke-width="2.2" fill="none" stroke-linecap="round"/></svg></label>6 <label class="f3"><input type="radio" name="humor-dia" /><svg viewBox="0 0 32 32"><circle cx="16" cy="16" r="15" fill="currentColor"/><circle cx="11" cy="13" r="2" fill="#1f2937"/><circle cx="21" cy="13" r="2" fill="#1f2937"/><path d="M11 21h10" stroke="#1f2937" stroke-width="2.2" stroke-linecap="round"/></svg></label>7 <label class="f4"><input type="radio" name="humor-dia" checked /><svg viewBox="0 0 32 32"><circle cx="16" cy="16" r="15" fill="currentColor"/><circle cx="11" cy="13" r="2" fill="#1f2937"/><circle cx="21" cy="13" r="2" fill="#1f2937"/><path d="M10 20Q16 25 22 20" stroke="#1f2937" stroke-width="2.2" fill="none" stroke-linecap="round"/></svg></label>8 <label class="f5"><input type="radio" name="humor-dia" /><svg viewBox="0 0 32 32"><circle cx="16" cy="16" r="15" fill="currentColor"/><path d="M8.5 13.5q2.5-3 5 0M18.5 13.5q2.5-3 5 0" stroke="#1f2937" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M9 18h14q-1 7-7 7t-7-7z" fill="#1f2937"/></svg></label>9 </div>10 <p class="legenda"></p>11</div>