div.stars {
    width: 270px;
    display: inline-block;
}

input.star { display: none; }

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

input.star:checked ~ label.star:before, input.star:hover ~ label.star:before {
    color: #F62;
    transition: all .25s;
}

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

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

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

.h-7{
    height: 7px !important;
}

.rating-wrapper p{
    margin-bottom: 3px !important;
}

.text-green {
    color: #10ce0e;
}