vue 3 changing order of buttons with transition

I want to show both “User” & “View” buttons. when I click on “User”, the button will go below & the “View” button will go up. Is there any way to do this?

I am trying this so many days. The Ui is like this [adobeXd](Adobe XD)

Please see this codepen(https://codepen.io/rezut/pen/YzLprWX) so you get a clear idea about what I want The vue transition part I tried is–