@import "../styles/mixins/index.less";
@import "../styles/themes/index.less";

.@{wux-prefix}-prompt {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: @prompt-color;
    background-color: @prompt-bg;

    &__bd {
        margin-top: 0;
        text-align: center;
    }

    &__icon {
        .square(@prompt-icon-size);
    }

    &__title {
        font-size: @font-size-lg;
        font-weight: bold;
        color: @heading-color;
        margin: 2px 0;
    }

    &__text {
        font-size: @font-size-sm;
        margin: 2px 0;
    }

    &__button {
        font-size: @font-size-sm;
        line-height: 2;
        margin: 4px auto;
        width: 100px;
        padding: 2px 0;
        border: @border-width-base @border-style-base @border-color-base;

        &::after {
            display: none;
        }

        &--hover {
            color: @text-color !important;
            background-color: @active-state-bg !important;
        }
    }
}
