.jens-tooltip-trigger-icon {
  width: clamp(16px, 1.15vw, 1.15vw);
  height: clamp(16px, 1.15vw, 1.15vw);
  background-color: var(--first);
  display: block;
  margin-left: clamp(8px, 0.575vw, 0.575vw);
  border-radius: 100px;
  color: white;
  font-weight: 700;
  cursor: help;
  
  -webkit-mask: url("/wp-content/themes/Divichild/images/icon-i.svg") no-repeat 50% 50%;
  mask: url("/wp-content/themes/Divichild/images/icon-i.svg") no-repeat 50% 50%;
}

.jens-tooltip-content {
  background: #fff;
  color: #333;
  font-weight: 400;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  line-height: 120%;
  padding: 6px 8px;
  border-radius: 8px;
  display: none;
  /*max-width: 100%;*/
  width: 303px!important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.jens-tooltip-content[data-show] {
  display: block;
}

#arrow,
#arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

#arrow {
  visibility: hidden;
}

#arrow::before {
  visibility: visible;
  content: '';
  transform: rotate(45deg);
}

.jens-tooltip-content[data-popper-placement^='top'] > #arrow {
  bottom: -4px;
}

.jens-tooltip-content[data-popper-placement^='bottom'] > #arrow {
  top: -4px;
}

.jens-tooltip-content[data-popper-placement^='left'] > #arrow {
  right: -4px;
}

.jens-tooltip-content[data-popper-placement^='right'] > #arrow {
  left: -4px;
}