
.star-rating {
    cursor: pointer;
    float: none;
    position: relative;
    font-family: 'Elusive-Icons';
    font-size: 1em;
    height: 1em;
    line-height: 1em;
    overflow: hidden;
    position: relative;
    width: 5.5em;
    letter-spacing: .1em;
    text-align: $left;

    &:before {
        color: if-light(#ddd, $color-dark-3);
        color: if-light(rgba(0,0,0,0.13), rgba(255,255,255,0.13));
        content: $el-var-star$el-var-star$el-var-star$el-var-star$el-var-star;
        float: $left;
        #{$left}: 0;
        position: absolute;
        top: 0;
    }

    span {
        float: $left;
        #{$left}: 0;
        overflow: hidden;
        padding-top: 1.5em;
        position: absolute;
        top: 0;
        &:before {
            color: #ffc600;
            content: $el-var-star$el-var-star$el-var-star$el-var-star$el-var-star;
            #{$left}: 0;
            position: absolute;
            top: 0;
        }
    }
}
