.starrating > input {display: none;}  /* Remove radio buttons */

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

.starrating > label
{
  color: #222222; /* Start color when not clicked */
  margin: 0px;
}

.starrating > input:checked ~ label
{ color: #ffca08 ; } /* Set yellow color when star checked */