.star-rating{display:inline-block}.star{font-size:40px;text-shadow:-1px -1px 0 #a9a9a9,1px -1px 0 #a9a9a9,-1px 1px 0 #a9a9a9,1px 1px 0 #a9a9a9,0px -1px 0 #a9a9a9,0px 1px 0 #a9a9a9,-1px 0px 0 #a9a9a9,1px 0px 0 #a9a9a9;display:inline-block;padding:5px;margin:0 2px;cursor:pointer;color:#d3d3d3}input[type=radio]{display:none}input[type=radio]:checked~.star:before{color:gold}.star-rating:hover .star{color:gold}.star-rating .star:hover~.star{color:#d3d3d3}.star-rating{display:flex;justify-content:center}