"Hover" olduğunda "bilgi bulutu" veren icon nasıl yapılır?

Buyrun arkadaşlar örnek böyle. Bunun gibi birşeye ihtiyacım var, yardımlarınızı bekliyorum.

Popover olarak geçiyor bakabilirsiniz.

https://getbootstrap.com/docs/4.0/components/popovers/

<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> Popover on bottom
</button>

https://popper.js.org/

CSS ile kolayca yapılabilir. Çok uğraşmak istemiyorsanız Wordpress eklentileri ile de yapılabilir WP Shortcodes Plugin'e bakabilirsiniz.

CSS kısmı için aşağıdaki siteyi inceleyebilirsiniz.

https://www.w3schools.com/css/css_tooltip.asp