.ts-average-rating {
    position: relative;
    appearance: none;
    color: transparent;
    width: auto;
    vertical-align: baseline;
    font-size: 25px;
    --percent: 0;
}

.ts-average-rating::before {
    content: '★★★★★';
    color: rgba(0,0,0,0.2);
    background: linear-gradient(90deg, gold var(--percent), rgba(0,0,0,0.2) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-rating {
    display: inline-block;
    margin-left: 1rem;
    font-weight: bold;
    line-height: 1.8rem;
    vertical-align: text-bottom;
}

.ts-rating .rating-count {
    display: inline-block;
    margin-left: .5rem;
    font-size: .8rem;
    font-weight: normal;
    line-height: 1.75rem;
    vertical-align: top;
}