.news-section .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: var(--spacing-default);
    row-gap: var(--spacing-large);
}

.news-section .section-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 960px) {
    .news-section .grid {
        grid-template-columns: 1fr 1fr;
        column-gap: var(--spacing-medium);
        row-gap: var(--spacing-large);
    }
}

@media (max-width: 640px) {
    .news-section .grid {
        grid-template-columns: 1fr;
    }
}

.news-section .grid .item {
    border-radius: var(--border-radius-small);
    overflow: hidden;
}

.news-section .grid .item .image-container {
    display: flex;
    width: 100%;
    padding-top: 50%;
}

.news-section .grid .item .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    background: var(--light);
    padding: var(--spacing-small);
    border-radius: var(--border-radius-default);
    margin-top: calc(-1 * var(--border-radius-default));
    position: relative;
    z-index: 1;
}

.news-section .grid .item .content .heading {
    margin-bottom: .5rem;
}

.news-section .button-wrapper {
    margin-top: var(--spacing-medium);
}