.recomend {
    gap: 45px;
}

.recomend__list{
    font-size: 32px;
    display: grid;
    grid-gap: 64px;
}

.recomend__list a:hover{
    color: white;
}

@media screen and (max-width: 833px){
    .recomend {
        flex-direction: column;
        gap: 40px;
    }
    .recomend img{
        max-width: 230px;
        width: 80%;
    }
    .recomend__list{
        text-align: center;
        font-size: 18px;
        grid-gap: 24px;

    }
    .recomend__list > a:nth-child(1) {
        order: 1;
    }

    .recomend__list > a:nth-child(2) {
        order: 3;
    }

    .recomend__list > a:nth-child(3) {
        order: 4;
    }

    .recomend__list > a:nth-child(4) {
        order: 2;
    }

}