/*  COMPONENT: NEWSBOX
//////////////////////////////////////////////////////////////////////////////*/

@layer components {
    .newsbox > li {
        padding: var(--spacing-m);
        background: var(--color-white);
        box-shadow: var(--box-shadow);
        justify-content: start;
        display: flex;
        flex-direction: column;
    }
    .newsbox > li .wp-block-post-date {
        smargin-top: auto;
    }
    .newsbox .wp-block-post-title {
        margin-bottom: var(--spacing-xs) !important;
    }
    .newsbox .wp-block-post-subtitle {
        margin-top: 0 !important;
    }
    .newsbox .wp-block-post-excerpt {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }
}