.ls-star-rating {
  $root: &;
  display: flex;
  align-items: center;

  &--rtl {
    direction: rtl;

    #{$root}__label {
      margin-right: 1rem;
      direction: rtl;
    }
  }

  &--inline {
    display: inline-flex;
  }

  &__star {
    display: inline-block;

    &--pointer {
      cursor: pointer;
    }
  }

  &__label {
    margin-top: 2 * $sp;
    margin-left: 2 * $sp;
  }

}