.jq-ry-container {
position: relative;
padding: 0 5px;
line-height: 0;
display: block;
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
direction: ltr;
}
.jq-ry-container[readonly="readonly"] {
cursor: default;
}
.jq-ry-container > .jq-ry-group-wrapper {
position: relative;
width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
position: relative;
line-height: 0;
z-index: 10;
white-space: nowrap !important;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
width: 0;
z-index: 11;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
} .saswp-rateyo-counter::before{
content: "";
width: 0;
height: 0;
top: 50%;
margin-top: -5px;
display: block;
border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
border-width: 5px 5px 5px 0px;
left: -10px;
border-style: solid;
position: relative;
}
.saswp-rateyo-counter{
display: none;
position: absolute;
min-width: 20px;
padding: 5px;
font-size: 15px;
line-height: 8px;
height: 25px;
background-color: rgba(0, 0, 0, 0.8);
top: 50%;
left: 200px;
margin-top: -14px;
color: white;
}
.saswp-rating-container{
position: relative;
}
.saswp-rating-container:hover div.saswp-rateyo-counter{
display: block; 
}