.rewards-counter {
  position: absolute;
  display: inline-block;
  min-width: 24px;
  border-radius: 13px;
  background-color: $blue-dark;
  color: $white;
  font-size: .725rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: center;
}


@include media-breakpoint-down(md) {
  .rewards-counter {
    margin-left: 10px;
  }
}

@include media-breakpoint-up(md) {
  .user__action {
    .rewards-counter {
      right: 0;
    }
  }
}