@import '~dibs-sassy/exports/_fonts';
@import '~dibs-sassy/exports/_colors';

:local {
    .sqrCtaArrow {
        width: 10px;
        margin-left: 4px;
    }

    .sqrSuccessMessage {
        width: 85%;
        text-align: center;
        margin: 0 auto 18px;

        @include sassy-font-body;
    }

    .sqrSuccessLink {
        margin-left: 4px;
        cursor: pointer;
    }

    .sqrSuccessFooter {
        width: 100%;
        background-color: $sassy-color-dolphin;
        overflow: auto;
        text-align: center;

        .sqrCta {
            width: 200px;
            display: block;
            margin: 0 auto;
            margin-bottom: 20px;
        }
    }

    .sqrSuccessFooterText {
        text-align: center;
        padding-bottom: 10px;
    }

    .sqrSuccessFooterTitle {
        @include sassy-font-body;

        text-transform: uppercase;
        padding: 20px 0 10px;
    }
}