.container {
  position: relative;
  display: inline-flex;
  justify-content: center;
}

.underlined {
  border-bottom: 1px dashed #bbb;
}

.tooltip {
  background-color: black;
  color: white;
  text-align: center;
  padding: 2px 8px;
  border-radius: 8px;
  position: absolute;
  z-index: 1;
  top: -115%;
  white-space: nowrap;
  transition: opacity 0.25s;
  opacity: 0;
}

.container > .underlined:hover + .tooltip {
  opacity: 0.75;
}

.invisible {
  position: absolute;
  top: -10000px;
  z-index: -10000;
  opacity: 0;
}
