.rating,.rating span{background-size:1.5em 1.5em;height:1.5em}.rating{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon fill='%23dadce0' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>");background-repeat:repeat-x;display:inline-block;position:relative;width:7.5em;margin-right:2.5rem;margin-left:1rem}.rating:after{content:attr(data-rate);position:absolute;top:0;right:-2.5rem;font-size:1.5rem;line-height:1em}.rating span{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon fill='%23fbbc04' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>");background-repeat:repeat-x;display:block}.rating[data-rate="1.0"] span{width:1.5em}.rating[data-rate="2.0"] span{width:3em}.rating[data-rate="3.0"] span{width:4.5em}.rating[data-rate="4.0"] span{width:6em}.rating[data-rate="5.0"] span{width:7.5em}