.at-columns__columnWrapper {
    display: grid;
    grid-template-columns: var(--grid3col);
    gap: var(--marginSmall);
}

.at-columns__column {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--borderRadiusSmall);
    background-color: var(--primaryColor100);
}

.at-columns.--hasBackground .at-columns__column {
    background-color: var(--baseLight100);
}

.at-columns__textContainer {
    padding: var(--marginSmall);
    color: var(--primaryColor500);
}

.--hasBackground .at-columns__textContainer .at-columns__text {
    font-weight: 600;
    color: var(--baseDark500);
}

.at-columns__title {
    margin-bottom: var(--marginSmall);
    font-size: clamp(1.4rem, 5vw, 1.875rem);
}

.at-columns__text:has(+ .at-columns__footer) {
    margin-bottom: 2rem;
}

.--hasLink .at-columns__text {
    display: flex;
    align-items: center;
    padding-right: var(--marginMedium);
}

.--hasLink .at-columns__text::after {
    content: '\e806';
    font-family: var(--iconFont);
    position: absolute;
    right: var(--marginSmall);
}

.at-columns__footer {
    display: flex;
    gap: var(--marginExtraSmall);
}

.at-columns__footerImage {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.at-columns__footerTextWrapper {
    flex: 0 0 calc(100% - 50px - var(--marginSmall));
}

.at-columns__footerTitle {
    margin-block: 0 .3rem;
    font-size: var(--h4Size);
}

.at-columns__footerText {
    color: var(--baseDark200);
}

.at-columns__imageContainer {
    order: -1;
}

@media (min-width: 696px) {
    .at-columns__columnWrapper:has(:nth-child(4):nth-last-of-type(1)) {
        grid-template-columns: repeat(2, minmax(min(100%, 230px), 1fr));
    }
}

@media (min-width: 1040px) {
    .at-columns__columnWrapper:has(:nth-child(4):nth-last-of-type(1)) {
        grid-template-columns: repeat(4, minmax(min(100%, 230px), 1fr));
    }
}