.badge-wrapper {
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
  position: absolute;
  gap: 5px;
  flex-direction: column;
}
.badge-wrapper .product-badge {
  font-size: 14px;
  color: var(--accent-2-color);
  line-height: 18px;
  padding: 5px 15px;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 500;
  background: #fff;
  overflow: hidden;
  width: -moz-max-content;
  width: max-content;
  color: #1C1C1C;
  background-color: #efefef;
  letter-spacing: 0px;
  z-index: 2;
}