.rating-stars{--clip-spacing: calc(var(--rating) / 5 * 100%);--reduce-spacing: 2%;--percent: calc(var(--clip-spacing) - var(--reduce-spacing));display:inline-block;font-size:18px;letter-spacing:4px;line-height:1;vertical-align:middle}.rating-stars::before{content:"★★★★★";display:inline-block;background:linear-gradient(90deg, var(--color-yellow) var(--percent), var(--color-gray-500) var(--percent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}