How to change the view of rating stars in comment submit form of Woocommerce?

Hi all,
I’ve difficulties with changing the view of stars rating in the comment submit form.
By default it looks as ” 1 ‘star_sign’, 2 ‘star_sign'” and etc., so we can say as the star signs are displayed after the numbers.
But I want it to be like just 5 stars inline without numbers.

I’ve tried to use the following css code
.woocommerce p.stars span a:before,
.woocommerce-page p.stars span a:before {
content: “\53”;
font-family: “star”;
opacity: 1;
visibility: visible;
}
.woocommerce p.stars span a,
.woocommerce-page p.stars span a{
opacity: 1;
visibility: hidden;
max-width: 20px;
}

, but I got ” S S S S S” instead of star signs.

How else can I get the desired view?

Thanks in advance.