.at-ctaBlock__contentWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.at-ctaBlock__title {
    margin-bottom: var(--marginExtraSmallMedium);
    font-weight: 400;
    color: var(--primaryColor500);
}

.at-ctaBlock .at-ctaBlock__button {
    display: inline-block;
    margin-block: var(--marginExtraSmallMedium) 0;
}

.at-ctaBlock__textWrapper,
.at-ctaBlock__imageWrapper {
    width: 100%;
}

.at-ctaBlock__imageWrapper {
    position: relative;
}

.at-ctaBlock__imageWrapper:has(.at-ctaBlock__image.--small) .at-ctaBlock__image.--large {
    display: none;
}

.at-ctaBlock__imageWrapper {
    overflow: clip;
    border-radius: var(--borderRadiusLarge);
}

.at-ctaBlock__image {
    width: 100%;
}

.at-ctaBlock__imageButton {
    position: absolute;
    right: var(--marginSmallMedium);
    bottom: var(--marginSmallMedium);
    font-size: var(--preTitleSize);
}

@media (min-width: 768px) {
    .at-ctaBlock__image.--small {
        display: none;
    }

    .at-ctaBlock__imageWrapper:has(.at-ctaBlock__image.--small) .at-ctaBlock__image.--large {
        display: block;
    }
}

@media (min-width: 992px) {
    .at-ctaBlock__contentWrapper {
        flex-direction: row;
    }

    .at-ctaBlock__textWrapper {
        flex: 0 0 calc(33.33% - var(--gridGutter));
    }

    .at-ctaBlock__imageWrapper {
        flex: 0 0 66.66%;
    }
}