.news-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--ids_color_border_soft);
    border-radius: var(--ids_size_general_16x);
    max-width: 312px;
    padding-bottom: var(--ids_size_general_36x);
    height: 490px;
    text-decoration: none;
}

.news-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
    border-radius: var(--ids_size_general_16x) var(--ids_size_general_16x) 0 0;
}

.news-card .card-content {
    padding: var(--ids_size_general_24x);
    display: flex;
    flex-direction: column;
    gap: var(--ids_size_general_16x);

    span, h3 {
        font-size: var(--ids_size_general_20x);
        line-height: var(--ids_size_general_24x);
        color: var(--ids_color_feedback_neutral);
    }
}

@media (max-width: 580px) {
    .news-card {
        padding-bottom: 0;
        max-width: 284px;
    }

    .news-card .card-content {
        span {
            font-size: var(--ids_size_general_16x);
        }

        p {
            font-size: var(--ids_size_general_14x);
        }
    }
}