Question change size of stars CSS code

Hello,

I was trying to use a CSS code to change the size of the stars in the rating. However, as soon as i hover the section with the cursor, the size switches to normal again.

@media screen and (max-width: 600px){
#wpd-post-rating .wpd-rating-wrap { width: 80%;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-data {
    flex-grow: 1;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-right, #wpd-post-rating .wpd-rating-wrap .wpd-rating-left{
    flex-grow: 0;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg {
    width: 65px;
    height: 65px;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value {
    height: 85px;
    width: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrv, #wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrc, #wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrt{
    font-size: 56px !important;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-title{
    font-size: 20px;
}
}