.cp_tooltip {
  position: relative;
  cursor: pointer;
}
.cp_tooltip .cp_tooltiptext {
  position: absolute;
  z-index: 1;
  bottom: 25px;
  left: -20px;
  visibility: hidden;
  width: auto;
  white-space: nowrap;
  padding: 0.5em 0.5em;
  transition: opacity 0.5s;
  text-align: center;
  opacity: 0;
  border-radius: 6px;
  background-color: #A4C6FF;
}
.cp_tooltip .cp_tooltiptext::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  content: ' ';
  border: 5px solid transparent;
  border-top-color: #A4C6FF;
}
.cp_tooltip:hover .cp_tooltiptext {
  visibility: visible;
  opacity: 1;
}