.rating {
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    position: relative;
    top:5px;
    left:10px;
}
.rating-input {
    float: right;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 0 0 -24px !important;
    opacity: 0;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: -24px 0;
}
.rating-star,
.rating:hover .rating-star {
    margin-bottom: 0px;
    position: relative;
    float: right;
    display: block;
    width: 24px;
    height: 24px;
    background: url('stars.svg') 0px 24px;
}