PASSO 1
Copie e cole antes de </ head >
<style>
.toggry label {
display: inline-block;
border: 1px solid #ccc;
padding: 5px 5px;
margin: 0;
font-weight: normal;
cursor:pointer;
}
.toggry input:checked,
.toggry input:not(:checked) {
display: none;
}
.toggry input:checked + .botao_1 {
background: #66B9B9;
}
.toggry input:checked + .botao_2 {
background: #ffff00;
}
.toggry input:checked + .botao_3 {
background: #ff0000;
}
</style>
PASSO 2
Copie e cole dentro da página.
<div class="toggry" style="width: 300px; display: inline-block;">
<input id="botao_1" name="option" value="botao_1" type="radio">
<label class="botao_1" for="botao_1">SIM</label>
<input checked="checked" id="botao_2" name="option" value="botao_2" type="radio">
<label class="botao_2" for="botao_2">TALVEZ</label>
<input id="botao_3" name="option" value="botao_3" type="radio">
<label class="botao_3" for="botao_3">NÃO</label>
</div>
DICA
Você pode usar de outras formas inclusive adicionando ou retirando botões.
