.news {
    .container {
        max-width: 1920px !important;
    }    
}

.news__content ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;

}

.news__heading {
    margin-top: 0 !important;
    margin-bottom: var(--wp--preset--spacing--64) !important; 
}

.news__content__post {
    height: 100%;

    & > figure img {
        border-radius: 20px;
        object-fit: cover !important;
        aspect-ratio: 5/3;
    }

    & > div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1;
    }

    h3 a {
        color: var(--wp--preset--color--dark-text);
    }

    a.has-background  {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 24px;
        transition: all 0.3s ease;
        transform-origin: center;

        img {
            transition: all .4s ease-in-out;
            transform-origin: center;
        }

        &:hover {
            transform: scale(1.02);

            img {
                transform: rotate(45deg);
            }
        }
    }
}

@media only screen and (max-width: 1100px) {
    .news {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }

    .news__content ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 32px;
        padding-top: 48px !important;
    }

    .news__content__post  {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 576px) {
    .news {
        padding-left: 24px !important;
        padding-right: 24px !important;

        .container {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .news__heading {
            flex-direction: column;
            align-items: flex-start;
            gap: 32px !important;
        }

        .news__content ul {
            padding-top: 24px !important;
        }
    }
}