[theme='dark'] {
    .el-button(@border: 0px) {
        min-width  : calc(~'80px - @{border}');
        min-height : calc(~'32px - @{border}');
        line-height: calc(~'32px - @{border}');
        border     : 0;
        padding    : 0 15px;
    }

    .el-button {
        .el-button();
        color     : #fff;
        background: linear-gradient(#4179db, #3163ba);

        &:hover {
            color     : #fff;
            background: linear-gradient(rgba(65, 121, 219, .8), rgba(49, 99, 186, .8));
        }

        &.is-plain {
            .el-button(2px);
            color     : #0c95ff;
            background: transparent;
            border    : 1px solid #0c95ff;

            &:hover {
                border: 1px solid rgba(12, 149, 255, .8);
            }
        }
    }

    .el-button--primary {
        background: linear-gradient(#29538c, #26487c);

        &:hover {
            background: linear-gradient(rgba(41, 83, 140, .8), rgba(38, 72, 124, .8));
        }
    }

    .el-button--info {
        background: linear-gradient(#455773, #405066);

        &:hover {
            background: linear-gradient(rgba(69, 87, 115, 0.8), rgba(64, 80, 102, 0.8));
        }
    }

    .el-button--small {
        min-width  : 72px;
        min-height : 28px;
        line-height: 28px;
        font-size  : 14px;
    }
}