How to create an extended display view on hover

I need help creating something like this when hovered.

First image before hover
More extension

Then after hover

So what I want is that once I hover on the text more, it will display the above content below it.

Hey Fahad,

Welcome to bubble!

You can simply recreate this by creating a workflow “when x text is hovered, show x element”

Also, for you to make sure that the group that will appear exactly below the text element, use groupfocus instead of group or floating group then set the reference element to that text.

Hope this helps, let me know if you have further questions