I have a headline block insider a container that has custom HTML code:
<div class="gb-headline gb-headline-498cfbf3 gb-headline-text disc-tooltip st">Advertiser Disclosure
<p class="disc-tooltiptext">The content on this website includes links to our advertisers or partners and we may receive compensation when you sign up, at no cost to you. This does not impact the objectivity of our reviews or evaluations, but it may impact which products or services we write about and where and how they appear on the site. Read our <a target="_blank" href="/disclosure/" rel="noopener">disclosure</a>.</p>
</div>
It acts as a disclaimer when hovered over. I need to put an arrow at the top like the example attached (when you hover over the “Read our disclosure” at the top tight). Tried a few solutions with absolute positioning but couldn’t get it to work.