@import "../../vars";
@import "../../mixins";

.modal-restore-succ {
    left: 30%;
    top: 25%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;

    &__close {
        top: -82px;
        right: -362px;
    }

    &__title {
        font-weight: 700;
        font-size: 48px;
        line-height: 100%;
        color: $vmainGrey;
    }

    &__note {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        color: #ABB2BF;
        margin-top: 30px;
        max-width: 377px;
        width: 100%;
        text-align: center;
    }

    &__mail {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        color: $vactiveOrange;
        margin-top: 30px;
    }

    &__btn {
        @include btn-orange;
        padding: 22px 109px;
        margin-top: 30px;
        font-size: 16px;

        &:hover {
            @include btn-orange-hover;
            font-size: 16px;
        }
    }

    &__back {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        margin-top: 30px;
        color: $vactiveOrange;
    }

    &--hidden {
        display: none;
    }
}

.modal-restore-succ-overlay {

    &--hidden {
        display: none;
    }
}