--primary{
    color: @dark--text-base;
    background-color: @dark--button-primary-background-color;
    border-color: @dark--primary-color;
}

--primary:hover, --primary:focus{
    background: rgb(51, 163, 182);
    border-color: rgb(81, 229, 253);
    color: @dark--title-color;
}

--primary:active{
    background: rgb(0, 126, 148);
    border-color: rgb(34, 200, 228);
    color: @dark--title-color;
    outline: none;
}

--primary.is-active{
    background: rgb(0, 126, 148);
    border-color: rgb(34, 200, 228);
    color: @dark--title-color;
}

--primary.is-plain{
    background: transparent;
    border: 1px solid #198CA7;
    color: rgb(31, 45, 61);
}

--primary.is-plain:hover, --primary.is-plain:focus{
    background: transparent;
    border-color: @dark--primary-color;
    color: @dark--button-primary-background-color;
}

.el-button--primary.is-plain:active{
    background: transparent;
    border-color: rgb(34, 200, 228);
    color: rgb(0, 126, 148);
    outline: none;
}
.el-button--default{
  background: transparent;
  color: @dark--text-base;
  border: 1px solid @dark--primary-color;
}
.el-button--default:hover{
  background: transparent;
  border-color: #0f93a9;
  color: @dark--title-color;
}
.el-button--default:active{
    border-color: #0f93a9;
    color: @dark--title-color;
    outline: none;
}
.el-button--default.is-active{
    border-color: #0f93a9;
    color: @dark--title-color;
}