@import "../variate.less";

.@{elNamespace}-message-box {
  --el-messagebox-border-radius: var(--el-border-radius-small);
  --el-messagebox-padding-top: 14px;
  --el-messagebox-padding-right: 24px;
  padding-bottom: 0;
  // 标题区域padding修改
  &__header {
    border-bottom: 1px solid var(--el-border-color-light);
    padding: var(--el-messagebox-padding-top) var(--el-messagebox-padding-right);
  }
  &__title {
    line-height: 24px;
  }
  &__headerbtn {
    // 关闭icon不是居中，所以无法使用transform居中定位,right也要相应的调整几像素
    // top: 50%;
    // transform: translateY(-50%);
    top: 16px;
    right: 25px;
    .@{elNamespace}-message-box__close {
      font-size: 20px;
    }
  }
  &__content {
    padding: 24px;
  }
  &__btns {
    padding: 16px 24px;
  }
}