Popover
Default Popover

<button type="button" class="inline-block py-[10px] px-[30px] bg-primary-500 text-white transition-all hover:bg-primary-400 rounded-md border border-primary-500 hover:border-primary-400 custom-popover" id="customPopover" data-text="Hey, Hello World!">
    Toggle Popover
</button>

Bottom Popover

<button type="button" class="inline-block py-[10px] px-[30px] bg-primary-500 text-white transition-all hover:bg-primary-400 rounded-md border border-primary-500 hover:border-primary-400 custom-popover bottom-popover" id="customPopover" data-text="Hey, Hello World!">
    Toggle Popover
</button>