.badge-wrapper {
  position: relative;
}

.badge-label {
  width: 128px;
  height: 128px;
  font-weight: 700;
  font-size: 22px;
  color: $primary-bg;
  line-height: 26px;
  text-align: center;
  background: $secondary-color;
  border-radius: 360px;
  position: absolute;
  top: -25px;
  right: -25px;
  transform: rotate(25deg);
  padding: 60px 0 0 0;
  z-index: 8;
  @include media-breakpoint-down(md){
    width: 78px;
    height: 78px;

    .badge-text {
      top: 32px;
      position: absolute;
      right: 7px;
      font-size: 15px;
      line-height: 17px;
    }
  }

  .icon {
    height: 35px;
    width: 35px;
    color: $secondary-color;
    line-height: 29px;
    position: absolute;
    top: 23px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
    @include media-breakpoint-down(md){
      top: 5px;
    }
  }
}