.rating {
    --rating-width: 6.75rem;
    display: flex;
    align-items: center;
    position: relative;
    width: 6.75rem;
    width: var(--rating-width);
}
.rating__origin {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    display: block;
}
.rating__svg {
    width: 6.75rem;
    width: var(--rating-width);
    height: auto;
}
.rating__svg--bg {
    fill: #d8d8d8;
}
.rating__svg--fg {
    fill: #fab030;
}
@media screen and (max-width: 1023px) {
    .rating--group {
        --rating-width: 8.125rem;
    }
}