#e9f1ef
1<div class="pix">2 <div class="cab"><span class="losango" aria-hidden="true"></span>Chave Pix de quem recebe</div>3 <div class="tipos" role="radiogroup" aria-label="Tipo de chave">4 <label><input type="radio" name="tipo-pix" id="tp-cpf" checked />CPF</label>5 <label><input type="radio" name="tipo-pix" id="tp-cel" />Celular</label>6 <label><input type="radio" name="tipo-pix" id="tp-mail" />E-mail</label>7 </div>8 <label class="campo f-cpf"><span class="vh">CPF</span><input type="text" inputmode="numeric" placeholder="000.000.000-00" pattern="[0-9]{3}[.]?[0-9]{3}[.]?[0-9]{3}-?[0-9]{2}" maxlength="14" /><span class="ok" aria-hidden="true"></span></label>9 <label class="campo f-cel"><span class="vh">Celular</span><input type="tel" placeholder="(11) 98765-4321" pattern="[(]?[0-9]{2}[)]? ?9[0-9]{4}-?[0-9]{4}" maxlength="15" /><span class="ok" aria-hidden="true"></span></label>10 <label class="campo f-mail"><span class="vh">E-mail</span><input type="email" placeholder="voce@exemplo.com.br" /><span class="ok" aria-hidden="true"></span></label>11 <p class="msg"></p>12</div>