@layer components {
    .news-list-block{
        --column-gap: calc(var(--spacer) * 2);
        --row-gap: calc(var(--spacer) * 2);

        border-top: 1px solid rgb(var(--color-md-gray));
        background-color: rgb(var(--color-lt-gray));
        padding-block: calc(var(--spacer) * 4.375);

        h3{
            margin-bottom: calc(var(--spacer) * 2.5);

            a{
                text-decoration: none;
            }
        }

        time{
            margin-top: auto;
            font-size: .875em;
            color: rgb(74, 85, 101);
        }

        .news-actions{
            margin-top: calc(var(--spacer) * 2);
        }
    }
}