.news-list-view article {
    position: relative;
    margin-bottom: 30px;
}
.news-list-view img {
    border-radius: 20px;
}

.news-list-date {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: var(--color-secondary);
    border-bottom-right-radius: 10px;
    padding: 4px 10px;
}
.news-list-view a {
    text-decoration: none;
    display: block;
    padding-bottom: 40px;
    background: transparent url(/public/icons/arrow-right-long.svg) no-repeat;
    background-position: -7px 100%;
    background-size: 40px;
    transition: 300ms ease-in-out;
}

.news-list-view a:hover,
.news-list-view a:focus {
    background-position: 0 100%;
}

.news-single img {
    border-radius: 45px;
}

.news-single .news-img-wrap {
    margin-bottom: 30px;
}