@import '../../../../_common/scss/main';

.InactiveMerchantModal {
    padding: $gutter-extra-large $gutter-large;

    @include tablet {
        padding: $gutter-extra-large;
    }

    &__Content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    &__CTA {
        margin-top: $gutter;

        @include mobile-only {
            white-space: nowrap;
        }
    }

    &__Header {
        text-align: center;
        padding-bottom: 0;

        @include mobile-only {
            padding: 0;
        }
    }

    &__Subtext {
        text-align: center;
    }

    &__Title {
        color: $error-color;
    }
}