.tooltip-wrapper {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.tooltip-toggle {
  display: none; /* скрываем чекбокс */
}

.tooltip-text {
  position: absolute;
  bottom: 100%; /* над словом */
  left: 50%;
  transform: translateX(-50%) translateY(10px); /* немного смещаем вниз для анимации */
  background: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s, transform 0.3s; /* плавная анимация */
}

/* стрелочка сверху */
.tooltip-text::after {
  content: '';
  position: absolute;
  top: 100%; /* внизу подсказки, указывает вниз */
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent; /* треугольник сверху */
}

/* показываем текст при клике */
.tooltip-toggle:checked + .tooltip-text {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0); /* поднимаем на место */
}
</style>

<label class="tooltip-wrapper">
  늘
  <input type="checkbox" class="tooltip-toggle">
  <span class="tooltip-text">вечно, навсегда</span>
</label>