.rating { display: flex; flex-direction: row-reverse; justify-content: center; }
/* https://bbbootstrap.com/snippets/star-rating-pure-css-19646372 */
.rating > input { display:none;}
.rating > label { position: relative; font-size: 1.5em; color: #FFA500; cursor: pointer; line-height: 1; margin-bottom: 0px; }
.rating > label::before { content: "\2605"; position: absolute; opacity: 0; }
.rating > label:hover:before,
.rating > label:hover ~ label:before { opacity: 1 !important; }
.rating > input:checked ~ label:before{ opacity:1; }
.rating:hover > input:checked ~ label:before{ opacity: 0.4; }