.crp-stars {
    display: flex;
    gap: 5px;
    cursor: pointer;
    flex-direction: row-reverse; /* نجعل النجوم تبدأ من اليمين */
}

.crp-star {
    font-size: 32px;   /* تعديل حجم النجوم */
    color: #ccc;       /* اللون الافتراضي (رمادي) */
    transition: color 0.3s ease;
}

/* اللون الذهبي للنجوم التي تم اختيارها أو تلك التي يتم تمرير الماوس فوقها */
.crp-star.selected,
.crp-star.hover {
    color: gold;
}