.uiex-button {
  position: relative;
  height: 32px;
  padding: 0 10px;
  cursor: pointer;
  text-decoration: none;
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #aaa;
  background-color: #f1f1f1;
  border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  user-select: none;
  vertical-align: top;
  font-size: 15px;
  font-weight: normal;
}
.uiex-button:hover:not(.uiex-colored) {
  background-color: #e9e9e9;
  border-color: #888;
}
.uiex-button.uiex-active:not(.uiex-colored) {
  background-color: #e8e8e8;
  border-color: #a1a1a1;
}
.uiex-button.uiex-with-gradient:not(.uiex-colored) {
  background: linear-gradient(#f1f1f1, #e6e6e6);
}
.uiex-button .uiex-button-content {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uiex-button.uiex-icon-button .uiex-icon {
  margin-right: 0;
  margin-left: 0;
}
.uiex-button.uiex-disabled {
  background-color: #e7e7e7 !important;
  color: #b4b4b4 !important;
  border-color: #bbb !important;
  cursor: not-allowed !important;
}
.uiex-button .uiex-icon {
  margin-right: 5px;
}
.uiex-button.uiex-icon-at-right .uiex-icon {
  margin-right: 0;
  margin-left: 5px;
}
.uiex-button.uiex-block {
  display: flex !important;
}