.flex-content.news-cards {
    padding: 6rem 0;
    background-color: var(--bs-light);
}

.flex-content.news-cards .card {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
}

.flex-content.news-cards .meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: .5rem;
}
.flex-content.news-cards .date {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-right: auto;
}
.flex-content.news-cards .date svg {
    width: 1rem;
    height: 1rem;
}
.flex-content.news-cards .meta .eyebrow:not(:has(svg)) {
    font-size: .75rem;
    line-height: 1rem;

    background-color: #f2f7e8;
    color: var(--accent-green);
    font-weight: 600;
    padding: .25rem .75rem;
    border-radius: 9999px;
}
.flex-content.news-cards .meta .eyebrow:has(svg) {
    display: flex;
    justify-content: space-between;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: var(--bs-primary);
    width: 100%;
}
.flex-content.news-cards .meta .eyebrow svg {
    width: 2rem;
    height: 2rem;
    color: var(--accent-green);
}

.flex-content.news-cards .card h3 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.flex-content.news-cards .card h3 span {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
}
.flex-content.news-cards .card h3 span svg {
    width: 1rem;
    height: 1rem;
}

.flex-content.news-cards .card .link {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 500;
}
.flex-content.news-cards .card .link svg {
    width: 1rem;
    height: 1rem;
}