.news{
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    align-items: stretch;
}
.news-card {
    position: relative;
    /* height: 100%; */
    border-radius: 16px;
    border: 1px solid #EEEEF0;
    padding: 4px;
    flex: 1 1 0;
}

.news-card__image {
    border-radius: 16px;
}

.news-card__content {
    padding: 16px;
    height: calc( 100% - 154px );
    display: flex;
    flex-direction: column;
}

.news-card__link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-indent: -200vw;
    z-index: 10;
}

.news-card .news-card__date .arrow {
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.news-card .news-card__date .arrow::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9999 3.25C20.4141 3.25006 20.7499 3.58582 20.7499 4V15C20.7499 15.4142 20.4141 15.7499 19.9999 15.75C19.5857 15.75 19.2499 15.4142 19.2499 15V5.81055L4.53022 20.5303C4.23734 20.8231 3.76257 20.8231 3.46967 20.5303C3.17678 20.2374 3.17678 19.7626 3.46967 19.4697L18.1894 4.75H8.99994C8.58573 4.75 8.24994 4.41421 8.24994 4C8.24994 3.58579 8.58573 3.25 8.99994 3.25H19.9999Z' fill='%23B645EE'/%3E%3C/svg%3E");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

@keyframes news-card-arrow-diagonal {
    0% {
        transform: translate(0, 0);
    }
    40% {
        transform: translate(10px, -10px);
    }
    60% {
        transform: translate(18px, -18px);
    }
    61% {
        transform: translate(-18px, 18px);
    }
    100% {
        transform: translate(0, 0);
    }
}

.news-card:hover .news-card__date .arrow {
    /* анимируем саму стрелку (псевдоэлемент), а контейнер остаётся 24x24 и всё обрезает */
}

.news-card:hover .news-card__date .arrow::before {
    animation: news-card-arrow-diagonal .6s ease-out;
}

.news-card__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: var(--color-gray);
    overflow: hidden;
    padding-top: 12px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-top: auto;
    margin-bottom: 20px;
}

.news-card__category {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 32px;
    display: inline-block;
    border-radius: 4px;
    width: max-content;
    height: 21px;
}
.news-card__category span{
    background: #F4F4F7;
    padding: 0 8px;    
}
.news-card__title {
    margin: 4px 0 0 0;
    display: inline;
    border-bottom: 1px solid transparent;
    transition: .3s border ease-in-out;
    font-size: var(--landing-main-subtitle-lg-size);
    font-weight: var(--landing-main-subtitle-lg-weight);
    line-height: var(--landing-main-subtitle-lg-line-height);
    letter-spacing: var(--landing-main-subtitle-lg-letter-spacing);
}

.news-card__img {
    transition: .3s transform ease-in-out;
    position: relative;
    object-position: center;
    margin: auto;
    z-index: 1;
    object-fit: contain;
}

.news-card__img-container {
    border-radius: 12px;
    width: 100%;
    height: 157px;
    overflow: hidden;
    margin-bottom: 0px;
    background: red;
    display: flex;
    align-items: center;
    position: relative;
}
.news-card__img--bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(12px);
    transform: scale(3);
    z-index: 0;
}
.news-card__date{
    color: #959199;
    font-size: var(--landing-main-caption-size);
    font-weight: var(--landing-main-caption-weight);
    line-height: var(--landing-main-caption-line-height-long);
    letter-spacing: var(--landing-main-caption-letter-spacing);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 17' fill='none'%3E%3Cpath d='M10.3125 0C10.6232 0 10.875 0.25184 10.875 0.5625V1.14746C12.0269 1.24328 12.9403 1.64275 13.584 2.33594C14.3222 3.13092 14.625 4.22628 14.625 5.4375V11.8125C14.625 13.0237 14.3222 14.1191 13.584 14.9141C12.8388 15.7165 11.7322 16.125 10.3125 16.125H4.3125C2.89284 16.125 1.78623 15.7165 1.04102 14.9141C0.302819 14.1191 0 13.0237 0 11.8125V5.4375C0 4.22628 0.302819 3.13092 1.04102 2.33594C1.68474 1.64275 2.59806 1.24328 3.75 1.14746V0.5625C3.75 0.25184 4.00184 0 4.3125 0C4.62316 0 4.875 0.25184 4.875 0.5625V1.125H9.75V0.5625C9.75 0.25184 10.0018 0 10.3125 0ZM1.125 11.8125C1.125 12.8512 1.38474 13.6309 1.86523 14.1484C2.33877 14.6584 3.10722 15 4.3125 15H10.3125C11.5178 15 12.2862 14.6584 12.7598 14.1484C13.2403 13.6309 13.5 12.8512 13.5 11.8125V6.44238H1.125V11.8125ZM4.54004 10.8379C4.95411 10.8381 5.29004 11.1738 5.29004 11.5879C5.28983 12.0018 4.95398 12.3377 4.54004 12.3379H4.5332C4.11924 12.3377 3.78341 12.0018 3.7832 11.5879C3.7832 11.1738 4.11912 10.838 4.5332 10.8379H4.54004ZM7.31641 10.8379C7.73036 10.8382 8.06641 11.1739 8.06641 11.5879C8.0662 12.0017 7.73024 12.3376 7.31641 12.3379H7.30859C6.89475 12.3376 6.5588 12.0018 6.55859 11.5879C6.55859 11.1739 6.89462 10.8382 7.30859 10.8379H7.31641ZM10.0908 10.8379C10.5048 10.8382 10.8408 11.1739 10.8408 11.5879C10.8406 12.0017 10.5047 12.3376 10.0908 12.3379H10.083C9.66916 12.3376 9.33321 12.0018 9.33301 11.5879C9.33301 11.1739 9.66903 10.8382 10.083 10.8379H10.0908ZM4.54004 8.58789C4.95411 8.58806 5.29004 8.92378 5.29004 9.33789C5.28983 9.75182 4.95398 10.0877 4.54004 10.0879H4.5332C4.11924 10.0877 3.78341 9.75184 3.7832 9.33789C3.7832 8.92377 4.11912 8.58804 4.5332 8.58789H4.54004ZM7.31641 8.58789C7.73036 8.58819 8.06641 8.92386 8.06641 9.33789C8.0662 9.75174 7.73024 10.0876 7.31641 10.0879H7.30859C6.89475 10.0876 6.5588 9.75176 6.55859 9.33789C6.55859 8.92385 6.89462 8.58817 7.30859 8.58789H7.31641ZM10.0908 8.58789C10.5048 8.58819 10.8408 8.92386 10.8408 9.33789C10.8406 9.75174 10.5047 10.0876 10.0908 10.0879H10.083C9.66916 10.0876 9.33321 9.75176 9.33301 9.33789C9.33301 8.92385 9.66903 8.58817 10.083 8.58789H10.0908ZM4.875 2.8125C4.875 3.12316 4.62316 3.375 4.3125 3.375C4.00184 3.375 3.75 3.12316 3.75 2.8125V2.27832C2.86137 2.3687 2.26048 2.67591 1.86523 3.10156C1.40344 3.59893 1.14635 4.33851 1.12695 5.31738H13.498C13.4786 4.33851 13.2216 3.59893 12.7598 3.10156C12.3645 2.67591 11.7636 2.3687 10.875 2.27832V2.8125C10.875 3.12316 10.6232 3.375 10.3125 3.375C10.0018 3.375 9.75 3.12316 9.75 2.8125V2.25H4.875V2.8125Z' fill='%23959199'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 21px;
    display: flex;
    justify-content: space-between;
}
.all-articles-btn{
    margin-top: 24px;
    gap: 8px;
}
.blog-title-btn {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-28px);
    align-items: center;
    gap: 8px;
    margin: 0;
}
.all-articles-btn svg,
.blog-title-btn svg{
    transform: unset;
}
@media screen and (max-width: 1047px) {
    .news {
        overflow-x: scroll;
        flex-wrap: nowrap;
    }

    .news-card__img-container {
        width: auto;
        height: 136px;
    }

    .news-card{
        min-width: 280px;
        max-width: 280px;
    }
    .news-card__content{
        height: calc( 100% - 136px );
    }
}
@media screen and (max-width: 560px) {
    .news {
        margin: 0 -12px;
        padding: 0 12px
        
    }
}