.data-block {
    padding: var(--space-m);
    border-radius: var(--round-m, 1rem);
}

.news-card {
    display: flex;
    flex-direction: column;
    /* align-items: center; */

    .news-card-data {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: var(--space-m, 1rem);

        .news-card-text {
            display: flex;
            flex-direction: column;
            align-items: flex-start;

            a {
                text-decoration: underline;
                color: var(--color-accent, orange);

                will-change: color;
                transition: color var(--time-m, 0.4s) ease;
            }

            a:hover {
                color: var(--color-primary, beige);
            }
        }

        img {
            border-radius: var(--round-m, 1rem);
            min-height: 10rem;
            max-height: 10rem;
            background-color: var(--color-secondary, beige);
        }
    }

    .datetime {
        align-self: flex-end;
        margin-top: auto;
    }

    p {
        margin: var(--space-xs, .3rem) 0;
    }
}