.testimonial {
    padding: 100px var(--gap-m) var(--gap-m);;
    background: var(--white-smoke);
    position: relative;
    text-decoration: none;
}

.testimonial .image {
    background: center / cover no-repeat;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 215px;
    border: 15px solid var(--white-smoke);
    position: absolute;
    top: -92px;
    right: var(--gap-m);
    box-sizing: content-box;
}

.testimonial .rating {
    margin: 1rem 0;
    height: 38px;
    background: 0 50% / 212px 38px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='212' height='38' fill='none'%3e%3cpath fill='%23FFA01C' d='M18.2 1.2c.5-1 2-1 2.4 0l4.7 10.2c.2.5.6.7 1 .8l11.3 1.4c1.1 0 1.6 1.5.7 2.2l-8.2 7.7c-.4.3-.5.8-.4 1.3l2.1 11c.3 1.1-1 2-1.9 1.5L20 31.8c-.4-.3-.9-.3-1.3 0L9 37.3c-1 .5-2.2-.4-2-1.5l2.2-11c0-.5 0-1-.4-1.3L.4 15.8c-.8-.7-.4-2.1.8-2.2l11.2-1.4c.4 0 .8-.3 1-.8l4.8-10.2ZM61.4 1.2c.4-1 2-1 2.4 0l4.7 10.2c.2.5.6.7 1 .8l11.3 1.4c1.1 0 1.6 1.5.7 2.2l-8.2 7.7c-.4.3-.5.8-.4 1.3l2.1 11c.3 1.1-1 2-2 1.5l-9.8-5.5c-.4-.3-.9-.3-1.3 0l-9.8 5.5c-1 .5-2.2-.4-2-1.5l2.2-11c0-.5 0-1-.4-1.3l-8.3-7.7c-.8-.7-.4-2.1.8-2.2l11.2-1.4c.4 0 .8-.3 1-.8l4.8-10.2ZM104.6 1.2c.4-1 1.9-1 2.4 0l4.7 10.2c.2.5.6.7 1 .8l11.3 1.4c1.1 0 1.6 1.5.7 2.2l-8.2 7.7c-.4.3-.5.8-.4 1.3l2.1 11c.3 1.1-1 2-2 1.5l-9.8-5.5c-.4-.3-.9-.3-1.3 0l-9.8 5.5c-1 .5-2.2-.4-2-1.5l2.2-11c0-.5 0-1-.4-1.3l-8.3-7.7c-.8-.7-.4-2.1.8-2.2l11.2-1.4c.4 0 .8-.3 1-.8l4.8-10.2ZM147.8 1.2c.4-1 1.9-1 2.4 0l4.7 10.2c.2.5.6.7 1 .8l11.3 1.4c1.1 0 1.6 1.5.7 2.2l-8.2 7.7c-.4.3-.5.8-.4 1.3l2.1 11c.2 1.1-1 2-2 1.5l-9.8-5.5c-.4-.3-.9-.3-1.3 0l-9.8 5.5c-1 .5-2.2-.4-2-1.5l2.2-11c0-.5 0-1-.4-1.3l-8.3-7.7c-.8-.7-.4-2.1.8-2.2l11.2-1.4c.4 0 .8-.3 1-.8l4.8-10.2ZM191 1.2c.4-1 1.9-1 2.4 0l4.7 10.2c.2.5.6.7 1 .8l11.3 1.4c1.1 0 1.5 1.5.7 2.2l-8.3 7.7c-.3.3-.4.8-.4 1.3l2.2 11c.2 1.1-1 2-2 1.5l-9.8-5.5c-.4-.3-.9-.3-1.3 0l-9.9 5.5c-1 .5-2.1-.4-1.9-1.5l2.2-11c0-.5 0-1-.4-1.3l-8.3-7.7c-.8-.7-.4-2.1.7-2.2l11.3-1.4c.4 0 .8-.3 1-.8L191 1.2Z'/%3e%3c/svg%3e");
}

.testimonial .rating_1 {
    width: 42.4px;
}

.testimonial .rating_2 {
    width: calc(42.4px * 2);
}

.testimonial .rating_3 {
    width: calc(42.4px * 3);
}

.testimonial .rating_4 {
    width: calc(42.4px * 4);
}

.testimonial .rating_5 {
    width: 212px;
}

.testimonial .title {
    color: var(--rich-gold);
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 1em;
}

.testimonial details:hover {
    cursor: pointer;
}

.testimonial summary::marker {
    content: "";
}

.testimonial summary:after {
    content: "MORE \25bc";
    font-size: 14px;
    color: var(--rich-gold);
    font-weight: 700;
    letter-spacing: 1.6px;
}

.testimonial details[open] summary:after {
    content: "LESS \25b2";
}

@media (max-width: 1690px) {
    .testimonial .rating {
        margin: 1rem auto;
    }
    .testimonial .image {
        right: 50%;
        transform: translateX(50%);
        width: 170px;
    }
}