.badge {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  padding: 5px 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #000000;
  border-radius: 0;
}

.badge_red {
  background: #ff8d8d;
}

.badge-red-bg {
  background: url('../img/badge-red-bg.svg') no-repeat 0 0;
}

.badge_promo {
  top: -15px;
  left: -22px;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
  width: 85px;
  height: 40px;
  display:flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
  padding-left: 12px;
  background: url('../img/icons/badge-promo.svg') no-repeat 0 0/contain;
}

.what-list .badge {
  position: absolute;
  top: -2px;
  left: -50px;
}

.badge_new_feature{
  background: url(../img/badge-violet.svg) no-repeat;
  padding: 6px 29px 10px 14px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
}

.badge_new_feature.badge-with-img{
  position: absolute;
}