.el-button--green {
  color: #fff;
  background-color: #22c1c3;
  border-color: #22c1c3;
}
.el-button--green:hover {
  color: #fff;
  background-color: #05b1b4;
  border-color: #05b1b4;
}
.el-button--green:focus {
  color: #fff;
  background-color: #22c1c3;
  border-color: #22c1c3;
}

.el-button--yellow:hover {
  color: #fff;
  background-color: #fa9200;
  border-color: #fa9200;
}
.el-button--yellow:focus {
  color: #fff;
  background-color: #feb349;
  border-color: #feb349;
}
.el-button--yellow {
  color: #fff;
  background-color: #feb349;
  border-color: #feb349;
}
.el-button--blue:focus {
  color: #fff;
  background-color: #2195fe;
  border-color: #2195fe;
}
.el-button--blue:hover {
  color: #fff;
  background-color: #0083fd;
  border-color: #0083fd;
}
.el-button--blue {
  color: #fff;
  background-color: #2195fe;
  border-color: #2195fe;
}
.el-button--red:focus {
  color: #fff;
  background-color: #fe6252;
  border-color: #fe6252;
}
.el-button--red:hover {
  color: #fff;
  background-color: #fd341e;
  border-color: #fd341e;
}
.el-button--red {
  color: #fff;
  background-color: #fe6252;
  border-color: #fe6252;
}