Radios

Tipo de entrega

por @ravox·css

0
#faf8f3
1<fieldset class="entrega">2  <legend>Como receber</legend>3  <label class="opcao">4    <input type="radio" name="entrega" checked />5    <span class="icone"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h11v10H3zM14 10h4l3 3v3h-7"/><circle cx="7" cy="17.5" r="1.8"/><circle cx="17" cy="17.5" r="1.8"/></svg></span>6    <span class="texto"><b>Padrão</b><small>3 a 5 dias</small></span>7    <span class="preco">R$ 12</span>8  </label>9  <label class="opcao">10    <input type="radio" name="entrega" />11    <span class="icone"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 4 14h7l-1 8 9-12h-7z"/></svg></span>12    <span class="texto"><b>Expressa</b><small>chega amanhã</small></span>13    <span class="preco">R$ 29</span>14  </label>15  <label class="opcao">16    <input type="radio" name="entrega" />17    <span class="icone"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10h16l-1.5-5h-13zM5 10v10h14V10M10 20v-5h4v5"/></svg></span>18    <span class="texto"><b>Retirada</b><small>na loja, hoje</small></span>19    <span class="preco gratis">grátis</span>20  </label>21</fieldset>
#entrega#frete#checkout#claro

Mais radios

Ver todos