.rate .star-rate input {
    display: none;
}

.star-rate > label {
    float: right;
}

/* Full star */
.star-rate > label:before {
    display: inline-block;
    font-family: 'bootstrap-icons';
    content: '\F586';
    margin: 0;
    padding-right: 0.3em;
    cursor: pointer;
}

.rate .star-rate label {
    color: #ddd;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.rate .star-rate label:hover,
.rate .star-rate label:hover~label,
.rate .star-rate input:checked~label {
    color: #ffc107;
}

/* Rate message */
.rate .message {
}