:root {
  --action-primary: #28546f;
  --action-primary-hover: #1f4359;
  --action-primary-soft: #edf5f8;
  --action-success: #187352;
  --action-success-soft: #edf8f3;
  --action-warning: #8b5e17;
  --action-warning-soft: #fff7e8;
  --action-danger: #b42318;
  --action-danger-soft: #fff1f0;
  --action-info: #475467;
  --action-info-soft: #f2f4f7;
}

.admin-layout .el-button--primary:not(.is-link):not(.is-text),
.admin-layout .el-button--success:not(.is-link):not(.is-text) {
  border-color: var(--action-primary) !important;
  background: var(--action-primary) !important;
  color: #fff !important;
}

.admin-layout .el-button--primary:not(.is-link):not(.is-text):hover,
.admin-layout .el-button--primary:not(.is-link):not(.is-text):focus,
.admin-layout .el-button--success:not(.is-link):not(.is-text):hover,
.admin-layout .el-button--success:not(.is-link):not(.is-text):focus {
  border-color: var(--action-primary-hover) !important;
  background: var(--action-primary-hover) !important;
  color: #fff !important;
}

.admin-layout .el-button.is-link,
.admin-layout .el-button.is-text {
  min-height: 28px !important;
  padding: 4px 7px !important;
  overflow: visible !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--action-info) !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

.admin-layout .el-button.is-link span,
.admin-layout .el-button.is-text span {
  color: inherit !important;
}

.admin-layout .el-button--primary.is-link,
.admin-layout .el-button--primary.is-text {
  color: var(--action-primary) !important;
}

.admin-layout .el-button--success.is-link,
.admin-layout .el-button--success.is-text {
  color: var(--action-success) !important;
}

.admin-layout .el-button--warning.is-link,
.admin-layout .el-button--warning.is-text {
  color: var(--action-warning) !important;
}

.admin-layout .el-button--danger.is-link,
.admin-layout .el-button--danger.is-text {
  color: var(--action-danger) !important;
}

.admin-layout .el-button--info.is-link,
.admin-layout .el-button--info.is-text {
  color: var(--action-info) !important;
}

.admin-layout .el-button--primary.is-link:hover,
.admin-layout .el-button--primary.is-text:hover {
  border-color: #c5d9e3 !important;
  background: var(--action-primary-soft) !important;
  color: var(--action-primary-hover) !important;
}

.admin-layout .el-button--success.is-link:hover,
.admin-layout .el-button--success.is-text:hover {
  border-color: #b9dfcf !important;
  background: var(--action-success-soft) !important;
  color: #125a40 !important;
}

.admin-layout .el-button--warning.is-link:hover,
.admin-layout .el-button--warning.is-text:hover {
  border-color: #ead6ad !important;
  background: var(--action-warning-soft) !important;
  color: #70480c !important;
}

.admin-layout .el-button--danger.is-link:hover,
.admin-layout .el-button--danger.is-text:hover {
  border-color: #f1c0bc !important;
  background: var(--action-danger-soft) !important;
  color: #912018 !important;
}

.admin-layout .el-button.is-link.is-disabled,
.admin-layout .el-button.is-text.is-disabled,
.admin-layout .el-button.is-link:disabled,
.admin-layout .el-button.is-text:disabled {
  border-color: transparent !important;
  background: transparent !important;
  color: #98a2b3 !important;
  opacity: 1 !important;
}

.admin-layout .el-table .el-button.is-link,
.admin-layout .el-table .el-button.is-text {
  font-weight: 700 !important;
}