@buttonPrefixCls: e-button;
.@{buttonPrefixCls} {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
    color: #000;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    &.primary{
        background: #108ee9;
        color: #fff;
    }
    &.ghost{
        color: #108ee9;
        background: transparent;
    }
    &.danger{
        color: #fff;
        background: #e94f4f;
    }
    &.middle{
        padding: 6px 8px;
        font-size: 14px;
    }
    &.small{
        font-size: 14px;
        padding: 2px 8px;
    }
    &.disabled{
        color: rgba(255, 255, 255, 0.6);
        opacity: 0.3;
        cursor: not-allowed;
    }
    &.black{
        color: #fff;
        background: #333333;
    }
}

.theme-but{
    background: #333333;
    color: #fff
}