html[dir="rtl"] {
  @component-namespace el {
    @b notification {
      right: auto;
      left: 16px;

      @e group {
        margin-right: 0;

        @when with-icon {
          margin-left: 0;
          margin-right: 55px;
        }
      }

      @e icon {
        float: right;
      }

      @e closeBtn {
        left: 20;
        right: auto;
      }
    }

    .el-notification-fade-enter {
      transform: translateX(-100%);
      right: auto;
      left: 0;
    }
  }
}