.rating-stars-container {
    --filled-color: #ff8200;
    --unfilled-color: #908c8c;
    font-size: 26px;
    display: flex;
    gap: 5px;
    margin-left: 10px;
    color: var(--unfilled-color, #908c8c);
    line-height: 24px;
}

    .rating-stars-container .star {
        position: relative;
        display: inline-block;
        /* color: #f39c12 !important;*/
        background: linear-gradient(90deg, var(--filled-color) var(--percent), var(--unfilled-color) var(--percent));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

        .rating-stars-container .star:nth-child(1) {
            --percent: calc(clamp(0, var(--rating), 1) * 100%);
        }

        .rating-stars-container .star:nth-child(2) {
            --percent: calc(clamp(0, var(--rating) - 1, 1) * 100%);
        }

        .rating-stars-container .star:nth-child(3) {
            --percent: calc(clamp(0, var(--rating) - 2, 1) * 100%);
        }

        .rating-stars-container .star:nth-child(4) {
            --percent: calc(clamp(0, var(--rating) - 3, 1) * 100%);
        }

        .rating-stars-container .star:nth-child(5) {
            --percent: calc(clamp(0, var(--rating) - 4, 1) * 100%);
        }