html[dir="rtl"] {
  @component-namespace el {
    .el-dropdown {

      .el-button-group {
        display: flex;

        .el-button+.el-button {
          margin-right: 0;
        }
      }
    }

    .el-dropdown .el-button-group .el-button:first-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 25px;
      border-bottom-right-radius: 25px;
      padding-left: 8px;
    }

    .el-button-group .el-button:last-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
    }

    @b dropdown {
      & .el-dropdown__caret-button {
        & .el-dropdown__icon {
          padding-right: 0;
        }

        &::before {
          content: none;
        }

        &:hover,
        &:focus {
          &::before {
            right: auto;
            left: 33px;
          }
        }
      }
    }

    .dropdown-selected {
      padding-left: 0;
      padding-right: 10px;
    }

    .el-select-dropdown .country-code {
      padding-left: 0;
      padding-right: 10px;
      right: auto;
      left: 20px;
    }
  }
}