.blue-button {
  background: #7D6EFF;
  font-weight: 500;
  color: #fff;
}
.blue-button:hover {
  background: #8778FF;
  color: #fff;
}
.blue-button:not([disabled]):hover {
  background: #8778FF;
}

.ghost-button {
  background: #fff;
  border: 1px solid #d7dce6;
  color: #1e232d;
}

.ghost-button:not([disabled]):hover {
  border-color: #c0c2c5;
  color: #000;
}

.blue-ghost-button {
background: #fff;
border: 1px solid #d7dce6;
color: #7D6EFF;
}
.blue-ghost-button:hover {
color: #7D6EFF;
}
.blue-ghost-button:not([disabled]):hover {
background: #f3f6fc;
}

.gray-button {
background: #F8F8FA;
border: 1px solid #D2DCE6;
color: #1E232D;
opacity: 100 !important;
}

.green-button {
  background: #32c882;
  font-weight: 500;
  color: #fff;
}
.green-button:hover {
  background: #32c882;
  color: #fff;
}
.green-button:not([disabled]):hover {
  background: #2db68a;
}

.red-button {
  background: #EB5064;
  font-weight: 500;
  color: #fff;
}
.red-button:hover {
  background: #EB5064;
  color: #fff;
}
.red-button:not([disabled]):hover {
  background: #EB5064;
}

#kayako-messenger {
  z-index: 20 !important;
}