html[dir="rtl"] {
  @component-namespace el {
    @b message-box {
      text-align: right;

      @e header {
        padding: 20px 20px 0 35px;
      }

      @e headerbtn {
        right: auto;
        left: 20px;
      }

      @e title {
        padding-right: 0;
      }

      @e btns {
        text-align: left;

        & button:nth-child(2) {
          margin-left: 0;
          margin-right: 10px;
        }
      }

      /* @e btns-reverse {
          flex-direction: row-reverse;
        } */
    }
  }
}