.rating {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.rating .star {
    color: var(--rf-rating-star);
    transition: color 0.15s ease, transform 0.15s ease;
}

.rating .star.active {
    color: var(--rf-rating-star-active);
}

.rating .interactive-star {
    cursor: pointer;
}

.rating .interactive-star:hover {
    transform: translateY(-1px);
}