div.stars{
  margin: auto;
  border: 1px solid green;
}

input.star{
  display:none;
}

label.star{
  float:right;
  padding-left:10px;
  padding-right:10px;
  font-size:44px;
  color:0000ff;
  cursor:pointer;
  transition: all .2s;
}

label.star:hover{
  font-size:44px;
  color:#ffff0085;
  transition: all .25s;
}

input.star:checked ~ label.star:before{
  content:'✭';
/*  color: yellow;*/
  transition: all 0.2s
}

input.star-5:checked ~ label.star:before{
  color: #FE7;
}

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

label.star:before{
  content:'☆';
}

.clearfix {
  overflow: auto;
}


.rating-container{
  cursor: pointer;
  font-size: 32px;
}