.recommendations-section {
    padding: var(--section-padding-y) 0;
}

.article + .recommendations-section {
    padding-top: 0;
}

.recommendations-section__text:not(:first-child) {
    margin-top: 16rem;
}

.recommendations-section__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24rem;
}

.recommendations-section__cards:not(:first-child) {
    margin-top: 32rem;
}

.recommendations-section__button {
    min-width: 143rem;
    margin-left: auto;
    margin-right: auto;
}

.recommendations-section__button:not(:first-child) {
    margin-top: 32rem;
}

@media screen and (min-width: 768px) {
    .recommendations-section__text:not(:first-child) {
        margin-top: 32rem;
    }

    .recommendations-section__cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .recommendations-section__cards {
        grid-template-columns: repeat(3, 1fr);
    }
}