.ratings-container {
    float:left;
    height:10px;
    position: relative;
    margin-left:22px;
    .radio {
      position:relative;
      top:-4px;
      width:22px;
      height:16px;
      float:left;
      border-radius:0;
      margin-left:-22px;
      z-index:10;
    }
    .radio-btn-rating {
      width:22px;
      height:16px;
      float:left;
      left:-22px;
      top:-4px;
      position:relative;
    }
    .radio-btn-rating {
      @include sprites-sprite(ratings-empty);
    }
    &:hover {
      .radio + .radio-btn-rating {
        @include sprites-sprite(ratings-filled);
      }
    }
    .radio.checked:not(:hover) + .radio-btn-rating{
      @include sprites-sprite(ratings-filled);
    }
    .radio {
      &:hover ~ .radio + .radio-btn-rating {
        @include sprites-sprite(ratings-empty);
      }
    }
    &:after {
      content:'';
      display:block;
      height:0;
      clear:both;
    }
  }