<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 ltr:mr-[11px] rtl:ml-[11px] mb-[15px] custom-tooltip" id="customTooltip" v-tooltip="Hey, Hello World!">
Hover Tooltip
</button>

<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-tooltip bottom-tooltip" id="customTooltip" v-tooltip="Hey, Hello World!">
Hover Tooltip
</button>