.@{rate-prefix-cls} {
  &-rtl {
    direction: rtl;
  }

  &-star {
    &:not(:last-child) {
      .@{rate-prefix-cls}-rtl & {
        margin-right: 0;
        margin-left: 8px;
      }
    }

    &-first {
      .@{rate-prefix-cls}-rtl & {
        right: 0;
        left: auto;
      }
    }
  }
}