.t-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    overflow: visible;
    border-radius: 0;
    transition: opacity, transform .1s ease;
    &::after {
        display: none;
    }
    &_long {
        width: 100%;
    }
    &_round {
        border-radius: 999upx;
    }
    &_size {
        &-default {
            padding: 0 30upx;
            font-size: 28upx;
            height: 64upx;
        }
        &-large {
            height: 80upx;
            font-size: 40upx;
        }
    }
    &_primary {
        border: 2upx solid $t-color-primary;
        background-color: $t-color-primary;
        color: #fff;
    }
    &_warning {
        border: 2upx solid $t-color-warning;
        background-color: $t-color-warning;
        color: #fff;
    }
    &_success {
        border: 2upx solid $t-color-success;
        background-color: $t-color-success;
        color: #fff;
    }
    &_error {
        border: 2upx solid $t-color-error;
        background-color: $t-color-error;
        color: #fff;
    }
    &_info {
        border: 2upx solid $t-color-info;
        background-color: $t-color-info;
        color: #fff;
    }
    &_info, &_error, &_success, &_warning, &_primary {
        &:active {
            opacity: .9;
            transform: translateY(2upx);
        }
    }
    &_plain {
        &.t-button_info, &.t-button_error, &.t-button_success, &.t-button_warning, &.t-button_primary {
            background-color: transparent;
        }
        &.t-button_default {
            // border: 2upx solid #999;
            // color: #999;
        }
        &.t-button_info {
            border-color: $t-color-info;
            color: $t-color-info;
        }
        &.t-button_success {
            border-color: $t-color-success;
            color: $t-color-success;
        }
        &.t-button_primary {
            border-color: $t-color-primary;
            color: $t-color-primary;
        }
        &.t-button_error {
            border-color: $t-color-error;
            color: $t-color-error;
        }
        &.t-button_warning {
            border-color: $t-color-warning;
            color: $t-color-warning;
        }
    }
    &_disabled,
    &[disabled] {
        // border: 2upx solid rgba(199, 199, 204, 1);
        // background-color: rgba(199, 199, 204, 1);
        // color: rgba(255, 255, 255, 1);
        // opacity: 1;
        cursor: not-allowed;
        // &.t-button_default {
        //     background-color: white;
        //     border-color: rgba(199, 199, 204, 1);
        //     color: rgba(199, 199, 204, 1);
        // }
        &.t-button_primary {
            // background-color: $t-color-primary-disabled;
            border-color: $t-color-primary-disabled;
            color: $t-color-primary-disabled;
        }
        &.t-button_warning {
            // background-color: $t-color-warning-disabled;
            border-color: $t-color-warning-disabled;
            color: $t-color-warning-disabled;
        }
        &.t-button_info {
            // background-color: $t-color-info-disabled;
            border-color: $t-color-info-disabled;
            color: $t-color-info-disabled;
        }
        &.t-button_success {
            // background-color: $t-color-success-disabled;
            border-color: $t-color-success-disabled;
            color: $t-color-success-disabled;
        }
        &.t-button_error {
            // background-color: $t-color-error-disabled;
            border-color: $t-color-error-disabled;
            color: $t-color-error-disabled;
        }
        &:not(.t-button_plain) {
            color: white;
            background-color: #C7C7CC;
            border-color: #C7C7CC;
        }
        &.t-button_plain {
            background-color: transparent;
            border-color: #C7C7CC;
            color: #C7C7CC;
        }
        // &.t-button_info, &.t-button_error, &.t-button_success, &.t-button_warning, &.t-button_primary, &.t-button_default {
        //     background-color: transparent;
        // }
    }
}