How can I change the position of two buttons from top and bottom to left and right as shown in the second image? I am utilizing Floating Vue, so the buttons will be contained within a div. Is it feasible to adjust their position accordingly? Check out the sample here >>> View minimal example
https://i.stack.imgur.com/2zKxz.pnghttps://i.stack.imgur.com/7ho1z.png
<div>
<VDropdown :triggers="['hover']" placement="top-start">
<button>Test</button>
<template #popper>
<div style="padding: 1rem">Help Me</div>
</template>
</VDropdown>
<VDropdown :triggers="['hover']">
<button>Test 2</button>
<template #popper>
<div style="padding: 1rem">Hello t2</div>
</template>
</VDropdown>
</div>