/* Criar as variaveis com cores */
:root{
    --amarelo: #ffcc00; 
    --cinza: #cccccc;

}

/* Não exibir o input radio*/
.estrelas input[type=radio]{
    display: none;
}

/* criar as estrelas preenchidas de amarelo*/

.estrelas label i.opcao.fa:before{
    content: '\f005';
    color: var(--amarelo);
}

/* Atribuir o cinza nas estrelas, quando selecionar a estrela retirar o cinza*/

.estrelas input[type=radio]:checked~label i.fa:before{
    color: var(--cinza);
}