#ratings_wrap {
        overflow: hidden;
    }
    #post_rating {
        position: relative;
        margin: 0 auto;
        width: auto;
        display: inline-block;
        overflow: hidden;
    }
    #post_rating .filled {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 1;
        overflow: hidden;
        white-space: nowrap;
    }
    #post_rating .empty {
        z-index: 0;
        position: relative;
    }
    span.rate-star {
        font-size: 20px;
        cursor: pointer;
        display: inline-block;
    }
    span.rate-star:before {
        content: '★';
    }
    #post_rating:hover:not(.rated) .filled {
        z-index: 0;
    }
    #post_rating:not(.rated) .empty:hover {
        z-index: 1;
    }
    #post_rating.rated span.rate-star {
        cursor: default;
    }
    #post_rating:not(.rated):hover .filled {
        display: none;
    }
    #post_rating .empty .rate-star,
    #post_rating:not(.rated) span.rate-star:hover ~ span.rate-star:before {
        color: #dddddd;
    }
    #post_rating .filled .rate-star {
        color: #ea7d00;
    }
    #post_rating:not(.rated):hover span.rate-star:before {
        color: #db5f32;
    }
            #ratings_wrap #rating_stars {
            display: inline-block;
            vertical-align: middle;
        }
                #ratings_wrap #text_before_stars {
            display: inline-block;
        }
                #ratings_wrap #text_after_stars {
            display: inline-block;
        }