.ek-spaced-review {
    display: grid;
    gap: 14px;
    margin: 18px 0;
    padding: 17px;
    border: 1px solid rgba(34, 92, 74, .25);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(246, 252, 249, .98),
            rgba(236, 246, 241, .96)
        );
    box-shadow: 0 10px 28px rgba(31, 64, 52, .05);
}

.ek-spaced-review__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.ek-spaced-review__head span,
.ek-spaced-review__copy > span {
    display: block;
    color: #39735e;
    font-size: 11px;
    font-weight: 900;
}

.ek-spaced-review__head h2,
.ek-spaced-review__copy h2 {
    margin: 4px 0 0;
    color: #243d34;
    font-size: 17px;
}

.ek-spaced-review__head p,
.ek-spaced-review__copy p {
    margin: 5px 0 0;
    color: #6b7973;
    font-size: 11px;
    line-height: 1.9;
}

.ek-spaced-review__badge {
    flex: 0 0 auto;
    padding: 6px 9px;
    border-radius: 999px;
    background: #245746;
    color: #fff;
    font-size: 10px;
}

.ek-spaced-review__list {
    display: grid;
    gap: 8px;
}

.ek-spaced-review__item {
    display: grid;
    grid-template-columns:
        31px
        minmax(0, 1fr)
        auto;
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    border: 1px solid rgba(64, 107, 91, .17);
    border-radius: 12px;
    background: rgba(255,255,255,.78);
}

.ek-spaced-review__number {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: #245746;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.ek-spaced-review__item-copy {
    min-width: 0;
}

.ek-spaced-review__path {
    display: block;
    color: #718078;
    font-size: 9px;
}

.ek-spaced-review__item-copy strong {
    display: block;
    margin-top: 3px;
    color: #2f463c;
    font-size: 12px;
}

.ek-spaced-review__item-copy p {
    margin: 3px 0 0;
    color: #5f6e67;
    font-size: 10px;
    line-height: 1.7;
}

.ek-spaced-review__item-copy small {
    display: block;
    margin-top: 4px;
    color: #8a8f8c;
    font-size: 9px;
}

.ek-spaced-review__item button {
    appearance: none;
    border: 1px solid #245746;
    border-radius: 9px;
    background: #245746;
    color: #fff;
    padding: 7px 9px;
    font: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.ek-spaced-review.is-clear {
    grid-template-columns: 38px minmax(0,1fr);
    align-items: center;
    gap: 11px;
    padding-block: 13px;
}

.ek-spaced-review__mark {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(47, 128, 83, .13);
    color: #2f8053;
    font-weight: 900;
}

@media (max-width: 650px) {
    .ek-spaced-review__head {
        display: grid;
    }

    .ek-spaced-review__badge {
        justify-self: start;
    }

    .ek-spaced-review__item {
        grid-template-columns:
            28px
            minmax(0,1fr);
    }

    .ek-spaced-review__item button {
        grid-column: 2;
        width: 100%;
    }
}

