div.stars {
  width:270px;
  display:inline;
  float:left;
  margin-left:-60px;
}

input.star {
  display:none;
}

label.star {
  float:right;
  padding:5px;
  font-size:35px;
  color:#444;
  transition:all .2s;
  margin:0px;
}

input.star:checked ~ label.star:before {
  content:'\f005';
  color:#e8c111;
  transition:all .25s;
}

input.star-5:checked ~ label.star:before {
  color:#e8c111;
  text-shadow:0 0 20px #952;
}

input.star-1:checked ~ label.star:before {
  color:#F62;
}

label.star:hover {
  transform:rotate(-15deg) scale(1.3);
}

label.star:before {
  content:'\f006';
  font-family:FontAwesome;
}