liebling/src/sass/components/ui/_back.scss

.m-back {
  display: flex;
  align-items: center;
  position: absolute;
  top: $mobile-space;
  left: $mobile-space;
  color: var(--titles-color);
  letter-spacing: 0.2px;
  font-size: 0.875rem;
  cursor: pointer;
  z-index: 2;

  @include respond-to('medium') {
    top: 40px;
    letter-spacing: 0.3px;
    font-size: 1rem;
  }

  span {
    color: inherit;
    display: inline-block;
  }
}

.rtl {
  .m-back {
    span:first-of-type {
      order: 2;
    }
  }
}

.m-back__icon {
  font-size: 0.750rem;
  margin-right: 10px;

  @include respond-to('medium') {
    font-size: 0.875rem;
  }
}

.rtl {
  .m-back__icon {
    order: 1;
  }
}