.starrating > input {
    display: none;
}
/* Remove radio buttons */

.starrating > label:before {
    content: "\f586"; /* Star */
    margin: 2px;
    font-size: 2em;
    font-family: 'bootstrap-icons';
    display: inline-block;
}

.starrating > label {
    color: #222222; /* Start color when not clicked */
}

.starrating > input:checked ~ label {
    color: #ffca08;
}
/* Set yellow color when star checked */

.starrating > input:hover ~ label {
    color: #ffca08;
}
/* Set yellow color when star hover */

.checked {
    color: orange;
}