.info-tooltip-trigger {
  position: relative;
  cursor: help;
}

.info-tooltip {
  font-size: 14px;
  z-index: 10;
  width: max-content;
  background-color: #475ffd;
  color: #fff;
  padding: 0.5rem;
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}

.info-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  bottom: 0;

  width: 20px;
  height: 20px;
  background-color: inherit;
  clip-path: content-box polygon(0 0, 50% 50%, 100% 0);
  transform: translateX(-50%);
}

.info-tooltip--hidden {
  display: none;
}