.news-list-view a,
.news-list-view a:hover,
.news-list-view a:focus {
    text-decoration: none;
    color: inherit;
}

.news-list-view a .list-item-img-wrap {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.news-list-view a .list-item-img-wrap::after {
    content: ' ';
    display: block;
    background: #FFF url(/public/icons/plus.svg) no-repeat 54px 46px;
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 90px;
    height: 90px;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    z-index: 1;
}

.news-list-view a img {
    transition: 400ms ease-in-out;
    transform: scale(1);
}

.news-list-view a:hover img,
.news-list-view a:focus img {
    transform: scale(1.1);
}

.news-list-view .badge {
    position: absolute;
    left: 25px;
    bottom: 25px;
}

.news-filter {
    margin-bottom: 134px;
}

.news-filter .categories {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 30px;
}

.news-filter .tags {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -10px 0;
}

.news-filter .badge {
    transition: 300ms ease-in-out;
    text-decoration: none;
    border: 1px solid var(--color-font2);
    background-color: #FFF;
    margin: 0 10px 10px;
}

.news-filter .badge:hover,
.news-filter .badge:focus,
.news-filter .badge.active {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-font2);
}

.news-list-view article {
    margin-bottom: 30px;
}

@media(max-width: 767px) {
    .news-filter {
        margin-bottom: 60px;
    }
}

.news-swiper article {
    margin: 0 auto;
    width: 378px;
    max-width: 100%;
}