1.rating {
2  display: flex;
3  flex-direction: row-reverse;
4 /* Reverse the order of the stars */
5  font-size: 0;
6 /* Remove the space between the elements */
7}
8
9.rating input[type="radio"] {
10  display: none;
11 /* Hide the radio buttons */
12}
13
14.rating label {
15  font-size: 30px;
16  color: rgba(187, 183, 183, 0.726);
17 /* Empty star color */
18  margin: 0 2px;
19  cursor: pointer;
20}
21
22.rating label:before {
23  content: "\2605";
24 /* Unicode character for filled star */
25}
26
27.rating input[type="radio"]:checked ~ label:before {
28  content: "\2606";
29 /* Unicode character for empty star */
30  color: #016bf5;
31 /* Filled star color */
32}
33