:root{--rating-size:1.5rem;--star-color:#fff;--star-background:#f48e3a}.rating-stars{--percent:calc(var(--rating) / 5 * 100%);font-size:var(--rating-size);display:inline-block}.rating-stars:before{content:"★★★★★";letter-spacing:.2rem;background:linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rating-count{font-size:var(--rating-size);margin-left:1rem}@media (min-width:768px){:root{--rating-size:2rem}}