@import url("../../../admin/vendor/font-awesome-4.7.0/css/font-awesome.css");
.container-rating {
  padding: 2rem;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%),
    0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
}
#rating > input {
  display: none;
}

#rating > label::before {
  content: "\f005";
  cursor: pointer;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 0.5rem;
  font-size: 20px;
  margin: 5px;
}



#rating > input:checked ~ label,
#rating:not(:checked) > label:hover,
#rating:not(:checked) > label:hover ~ label {
  color: #FFC50C;
}

/*.rating-value {*/
/*  font-size: -webkit-xxx-large;*/
/*}*/

/*@-webkit-keyframes stretch-bounce {*/
/*  0% {*/
/*    -webkit-transform: scale(1);*/
/*  }*/
/*  25% {*/
/*    -webkit-transform: scale(1.5);*/
/*  }*/
/*  50% {*/
/*    -webkit-transform: scale(0.9);*/
/*  }*/
/*  75% {*/
/*    -webkit-transform: scale(1.2);*/
/*  }*/
/*  100% {*/
/*    -webkit-transform: scale(1);*/
/*  }*/
/*}*/

/*@keyframes stretch-bounce {*/
/*  0% {*/
/*    -webkit-transform: scale(1);*/
/*  }*/
/*  25% {*/
/*    -webkit-transform: scale(1.5);*/
/*  }*/
/*  50% {*/
/*    -webkit-transform: scale(0.9);*/
/*  }*/
/*  75% {*/
/*    -webkit-transform: scale(1.2);*/
/*  }*/
/*  100% {*/
/*    -webkit-transform: scale(1);*/
/*  }*/
/*}*/