.mol-contact-block {
    @apply grid;
    @apply grid-cols-2 md:grid-cols-1;
    @apply grid-rows-1;
    @apply gap-9 md:gap-6;
    @apply bg-cta-100;
    @apply md:bg-white;
    @apply px-4 md:px-0;
    @apply py-9 md:py-0;

    @screen md {
        max-width: 250px;
    }

    .atm-heading {
        @apply mb-3;
        @apply block;
    }

    .atm-paragraph {
        @apply mb-4;
    }

    &.contact-block-mobile {
        @apply bg-white;
        @apply grid-cols-none;
        @apply grid-rows-none;
        @apply gap-0;
        @apply px-12;
        @apply py-6;
        @apply border-t;
        @apply border-solid;
        @apply border-gray-200;

        @screen md {
            max-width: 100%;
        }

        .wrap-info {
            @apply grid;
            @apply grid-cols-2;

            .atm-heading {
                align-self: center;
                justify-self: center;
            }

            .buttons {
                align-self: center;
                justify-self: center;
            }
        }
    }
}