.star-outer {
    display: inline-block;
    position: relative;
    font-family: FontAwesome;
  }
   
  .star-outer::before {
    content: "\f006 \f006 \f006 \f006 \f006 \f006 \f006 \f006 \f006 \f006";
  }
   
  .star-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width:0;
    
    
  }
   
  .star-inner::before {
    content: "\f005 \f005 \f005 \f005 \f005 \f005 \f005 \f005 \f005 \f005 ";
    color: #f8ce0b;
  };