.el-dialog {
  .dialog-button {
    position: absolute;
    top: 3px;
    right: 35px;
  }

  border-radius: 6px;
  border: 2px solid $dialog-header-color;

  &__header {
    background: $dialog-header-color;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    line-height: $header-height;
    height: $header-height;
    padding: 0 10px;
  }

  &__title {
    color: lighten($dialog-header-color, 90%);
    font-size: $--size-base;
  }

  &__body {
    padding: $margin * 2;
    line-height: unset;
    font-size: $--size-base;
  }

  &__headerbtn {
    color: #fff;
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 15px;
    border-radius: 4px;
    font-weight: bold;
    height: $header-height - 8;
    width: $header-height - 8;

    .el-dialog__close {
      color: #fff;

      &:hover {
        color: #666;
      }
    }
  }
}