.at-benefits__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--gutterSmall) var(--gutter);
    margin-bottom: var(--margin);
}

.at-benefits__articleTitle {
    margin-bottom: 0;
}

.at-benefits__overviewLink {
    color: var(--baseLight900);
}

.at-benefits__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: calc(var(--gutterLarge) * 2) var(--gutterLarge);
}

.at-benefits__item.c-card {
    padding: 2rem;
}

.at-benefits__intro {
    margin-bottom: 0;
}

.at-benefits__iconWrapper {
    position: absolute;
    top: calc((2.1875rem / 2 + 8px) * -1);
    left: calc(var(--innerPaddingSmall) - 8px)
}

.at-benefits__icon::before {
    margin: 0;
    font-size: 2.1875rem;
    color: var(--secondaryColor500);
    border: 8px solid var(--baseLight100);
    border-radius: var(--borderRadius);
    background-color: var(--baseLight100);
}