.starrating > input {
  display: none;
} 

.starrating > label:before { 
  content: "\f005";
  margin: 2px;
  font-size: 30px;
  font-family: FontAwesome;
  display: inline-block; 
}

.starrating > label{
  color: #bebebe; 
}

.starrating > input:checked ~ label{
  color: #ffca08;
}

.starrating > input:hover ~ label{
  color: #ffca08;
}