.yr-rating-container {
    margin: 20px 0;
    font-family: inherit;
}
.yr-stars {
    display: inline-flex;
    direction: rtl; /* Yıldızların soldan sağa doğru hover mantığı için */
    cursor: pointer;
}
.yr-star {
    font-size: 28px;
    color: #ccc;
    transition: color 0.2s;
    padding: 0 2px;
}
.yr-star:hover,
.yr-star:hover ~ .yr-star {
    color: #f39c12;
}
.yr-stars:hover .yr-star:hover ~ .yr-star {
    color: #f39c12;
}
.yr-rating-text {
    font-size: 14px;
    margin-top: 5px;
    color: #555;
}
.yr-response-msg {
    font-size: 13px;
    margin-top: 5px;
    font-weight: bold;
    color: #27ae60;
}