.star-rating {
    direction: rtl; /* راست‌چین که ستاره‌ها از راست پر بشن */
    display: inline-flex;
    font-size: 2rem;
}

    .star-rating input {
        display: none; /* رادیوها مخفی */
    }

    .star-rating label {
        color: #ccc; /* ستاره خالی */
        cursor: pointer;
        transition: color 0.2s;
    }

    .star-rating input:checked ~ label {
        color: gold; /* ستاره‌های انتخاب‌شده */
    }

    .star-rating label:hover,
    .star-rating label:hover ~ label {
        color: gold; /* هنگام هاور پر میشن */
    }