bubble card” style, with a dark background, white text, and a subtle, blurred frosted glass effect

I want you to act as a web developer and please write some code for me to create a tooltip feature for a website.
Aesthetic Design: Features the “bubble card” style, with a dark background, white text, and a subtle, blurred frosted glass effect.
Rounded Corners and Shadows: Use larger rounded corners and add gentle shadows to make them float above the page.
Arrow Indicator: There should be a small triangular arrow at the corner of the tooltip box, accurately pointing towards the element that triggered it.
Show/hide delay:
Mouse hover: When the mouse cursor hovers over the triggering element, a prompt will be displayed with a 200ms delay (to prevent accidental interactions).
Hidden logic: disappears immediately after the mouse pointer moves away.