﻿.at-contactBlock__contentWrapper.g-gridContainer__inner {
    display: flex;
    flex-direction: column;
    gap: var(--marginMedium);
}

.at-contactBlock__intro {
    max-width: 60ch;
    margin-bottom: var(--marginMedium);
}

.at-contactBlock__text {
    margin-top: var(--marginSmall);
}

.at-contactBlock__button {
    display: inline-block;
    margin-inline: auto 0;
    margin-block: var(--marginSmall) 0;
}

.at-contactBlock__textWrapper {
    padding-inline-end: var(--marginMedium);
}

.at-contactBlock__buttonAndImageWrapper {
    display: flex;
    flex-direction: column;
    gap: var(--marginSmall);
}

.at-contactBlock__buttonWrapper {
    padding: var(--marginMedium);
    background-color: var(--primaryColor200);
}

.at-contactBlock__image {
    width: 100%;
}

@media (min-width: 850px) {
    .at-contactBlock__contentWrapper.g-gridContainer__inner {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--marginMedium);
    }

    .at-contactBlock__title,
    .at-contactBlock__intro {
        width: 80%;
    }

    .at-contactBlock__contentWrapper.g-gridContainer__inner.--wideSmall .at-contactBlock__textWrapper {
        grid-column: span 2;
    }
}

@media (min-width: 990px) {
    .at-contactBlock__textWrapper {
        padding-inline-end: 4rem;
    }
}
