А зачем такие сложности с такой простой задачей, как тултипы? Их ведь можно реализовать полностью на CSS, просто добавив нужному элементу, например, атрибут "tooltip"
Анимацию уже сами добавите, если очень нужна
Если же очень хотите именно при наведении на следующий элемент что-то делать, то могу просто предложить идею селектора, который позволяет таким образом выбирать
.custom-tooltip:has(+ *:hover) означает, что выбрать надо те элементы .custom-tooltip, у которых на следующем за ними элементе наведена мышь.
"+" выбор непосредственно следующего элемента
"+ *"- выбор любого непосредственного следующего элемента
"+ *:hover" - выбор любого непосредственного следующего элемента, на который наведена мышь.
has выбирает элементы .custom-tooltip, с которым связаны элементы, выбранные при помощи уточняющего селектора в скобках.
