.stsos-rating {
        float: left;
        display: inline-block;
        position: relative;
    }
    .stsos-rating span {
        display: inline-block;
        position:absolute;
        top: 27px;
        left: 18px;

        color: #ff4f58;
        font-size: 50px;
        letter-spacing: -0.12ex;
        text-shadow: black 0 0 2px;
        backrounf-color: rgba(0,0,0,0.4);
        padding: 5px 8px;
    }
    .stsos-rating img {
        width: 80px;
    }
    .stsos-widget {
        height: 78px;
        position: relative;
        width: 25%;
        float: none;
    }
    .stsos-widget a {
        font-weight: 700;
        font-size: 30px;
        display: inline-block;
        letter-spacing: 0px;
    }
    .stsos-widget a.disabled {
        pointer-events: none;
        cursor: default;
        color: #888;
    }
    .fa:hover, .fa:focus {
        color: rgba(252, 118, 125) !important;
    }

    .q5 {
        margin-left: 15%;
    }
    .q1 {
        width: 30px;
        height: 83px;
        float: right;
        display: block;
    }
    .q4 {
        height: 40%;
        margin-top: 25%;
    }
    .q2 {
        display: block;
        height: 40%;
        margin-bottom: 15%;
    }
    .q3 {
        width: 115px;
    }
    #tooltip {
        position:relative;
    }

    #tooltip:before {
        content:attr(data-description);
        box-sizing:border-box;
        display:block;
        width: 130px;
        padding: 4px;
        font-style: italic;
        font-size: 15px;
        background: #ff4f58;
        color: white;
        position:absolute;
        left:30%;
        top:-20%;
        border: 1px solid gray;
        margin-left:44px;
        #border-radius:5px;
        opacity:0;
        transition:.25s ease-in-out;
    }

    #tooltip:hover:before {
        opacity:1;
        left: -30%;
        top: -10%;
    }