Trouble positioning tooltip beside an object

I am trying to build an interactive tooltip in Divi.

It is to show references for an academic paper. So the results should look like this:

https://imgur.com/sJPBVeD

Here is a sample page that shows the desired result in action: https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7463562/

I am able to create the pop-up and trigger it when the user hovers over the reference number, but I am not able to accurately position the window beside the number.

In the site shown, they have clearly been able to do this — so I know it is possible.

They seem to be using some kind of library or function prefixed with "aria-" as many of the classes they are using have that same prefix.

I tried Googling "css position one object next to another" but was unable to find much that was helpful. There was documentation on something called Aria Tooltip, but it seemed to be describing a class, not how to use it.

I am presuming this will be done with a combination of this and jQuery but I am at a loss.

Any help would be appreciated!

 

Thank you!

https://modulate.clearintent.com/

It is in the frequently asked questions accordion.

I am starting to think the answer has something to do with position() but I am not really sure how it works yet.