.rating-bicycle {
    float: left;
    padding: 0;
    display: flex;
    flex-direction: row-reverse;
}

.rating-bicycle label{
    border: 2px solid var(--gray-color);
}

.static-rating {
    width: max-content;
}

.rating-bicycle:not(:checked) > input {
    display: none;
}
.rating-bicycle:not(:checked) > label {
    float: right;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: var(--gray-text-color);
    transition: all 0.15s;
}

.static-rating * {
    pointer-events: none !important;
}

.rating-bicycle label {
    transition: all 0.2s ease-in-out;
}

.rating-bicycle > input:checked ~ label {
    color: var(--dark-color);
}

.rating-bicycle > input:checked ~ label {
    background-color: var(--lime-color);
}

.rating-bicycle:not(:checked) > label:hover,
.rating-bicycle:not(:checked) > label:hover ~ label{
    border: 2px solid var(--lime-color) !important;
    color: var(--black-color);
}
.rating-bicycle > input:checked + label:hover,
.rating-bicycle > input:checked + label:hover ~ label,
.rating-bicycle > input:checked ~ label:hover,
.rating-bicycle > input:checked ~ label:hover ~ label,
.rating-bicycle > label:hover ~ input:checked ~ label {
    color: var(--dark-color);
}

.rating-bicycle > input:checked + label:hover,
.rating-bicycle > input:checked + label:hover ~ label,
.rating-bicycle > input:checked ~ label:hover,
.rating-bicycle > input:checked ~ label:hover ~ label,
.rating-bicycle > label:hover ~ input:checked ~ label{
    background-color: var(--lime-color);
}

.rating-bicycle > label {
    margin-bottom: 0 !important;
    padding: 2px;
}

.rating-bicycle:not(.static-rating) > label {
    border: 2px solid var(--gray-color);
}

.rating-bicycle:not(.static-rating) > .input:checked ~ label{
    border: 2px solid var(--lime-color);
}

.rating-bicycle > label{
    padding: 2px;
    border: 2px solid transparent;
    font-size: 2.25rem;
}

.static-rating.rating-bicycle > label {
    padding: 0px 2px;
    border: 1px solid transparent;
    font-size: 1.75rem;
}
.rating-bicycle img{
    width: 36px;
}