.news .title-main {
    margin-bottom: 3.125rem
}

.news__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    gap: 2.5rem .9375rem;
    /*-webkit-transform: translateY(-160px);*/
    /*-ms-transform: translateY(-160px);*/
    /*transform: translateY(-160px)*/
}

.news__item:hover .news__title {
    color: #000;
    text-decoration: underline
}

.news__item:hover .news__date {
    color: #000
}

.news__item:hover .news__item-picture {
    opacity: 1;
    visibility: visible
}

.news__item:hover .news__item-body {
    border-color: transparent
}

.news__item:hover .btn__link {
    border-color: #000
}

.news__item:hover .btn__link path {
    stroke: #000
}

.news__item-picture {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-radius: .125rem;
    overflow: hidden
}

.news__item-picture img {
    width: 100%
}

.news__date {
    color: #c2c2c2;
    font-size: .875rem;
    padding: 1.5625rem 0 .9375rem;
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.news__title {
    display: block;
    font-weight: 600;
    color: var(--blue);
    line-height: 1.75rem;
    -webkit-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    height: 8.125rem
}

.news__item-body {
    border-top: 1px solid #000;
    -webkit-transition: border-color .4s ease-in-out;
    -o-transition: border-color .4s ease-in-out;
    transition: border-color .4s ease-in-out
}

.news_pagination {
    margin-top: 50px;
}

@media (max-width: 86.25em) {
    .news__row {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 61.99875em) {
    .news__row {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 47.99875em) {
    .news__row {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .news__item-picture {
        opacity: 1;
        visibility: visible
    }

    .news_pagination {
        margin-top: 50px;
    }
}