.rating{--percent:calc(var(--rating) / 5 * 100%);display:inline-block;font-size:35px;font-family:Times;line-height:1}.rating::before{content:'★★★★★';letter-spacing:3px;background:linear-gradient(90deg,#fc0 var(--percent),#dcdcdc var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}rating-container{background:#eee;display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box}