.starRating {
  display        : inline-block;
  width          : 5.5em;
  height         : 1.1em;
  overflow       : hidden;
  vertical-align : bottom;
  position: relative;
  top: -2px;
}

.starRating > input{
  margin-right : -100%;
  opacity      : 0;
}

.starRating > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('images/ratings/star-default.svg');
  background-size : contain;
}

.starRating > label:before{
  content         : '';
  display         : block;
  width           : 1.1em;
  height          : 1.1em;
  background      : url('images/ratings/star-active.svg');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating > label:hover:before,
.starRating > label:hover ~ label:before,
.starRating > :checked ~ label:before{
  opacity : 1;
}

.rate-description {
    font-size:14px !important;
}