.epofw-rating-wrap {
display: inline-flex;
flex-direction: row-reverse; gap: 2px;
align-items: center;
} .epofw-rating-wrap .epofw-star-input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
} .epofw-rating-wrap .epofw-star-label {
cursor: pointer;
color: #ccc;
font-size: 0; line-height: 1;
transition: color .12s ease;
}
.epofw-rating-wrap .epofw-star-label .dashicons {
font-size: 30px;
width: 30px;
height: 30px;
line-height: 1;
} .epofw-rating-wrap .epofw-star-input:checked ~ .epofw-star-label {
color: #f5a623;
} .epofw-rating-wrap .epofw-star-label:hover,
.epofw-rating-wrap .epofw-star-label:hover ~ .epofw-star-label {
color: #f5a623;
} .epofw-rating-wrap:hover .epofw-star-input:checked ~ .epofw-star-label {
color: #ccc;
}
.epofw-rating-wrap:hover .epofw-star-label:hover,
.epofw-rating-wrap:hover .epofw-star-label:hover ~ .epofw-star-label {
color: #f5a623;
} .epofw-rating-wrap .epofw-star-input:focus-visible + .epofw-star-label {
outline: 2px solid #0073aa;
outline-offset: 2px;
border-radius: 2px;
}  @media ( max-width: 1024px ) {
.epofw-rating-wrap .epofw-star-label .dashicons {
font-size: 26px;
width: 26px;
height: 26px;
}
.epofw-rating-wrap {
gap: 1px;
}
} @media ( max-width: 768px ) {
.epofw-rating-wrap .epofw-star-label .dashicons {
font-size: 24px;
width: 24px;
height: 24px;
}
.epofw-rating-wrap {
gap: 1px;
}
.epofw-rating-wrap .epofw-star-input:focus-visible + .epofw-star-label {
outline-offset: 1px;
outline-width: 1px;
}
} @media ( max-width: 480px ) {
.epofw-rating-wrap .epofw-star-label .dashicons {
font-size: 22px;
width: 22px;
height: 22px;
}
.epofw-rating-wrap {
gap: 0;
}
}