How to make a smooth animation of changing the position of a button?

Question

css

Hello. Please tell me how can I make the animation of a smooth change in the position of the button?
I have a script that works like this: when the user has scrolled then id="title". The button that was in the horizontal position should change to the vertical position and become fixed. I tried with jquery animatio, but that's not it. I need something like the following https://jsfiddle.net/enwsrxuo/1/ just so that it would be smooth, because I have a 50px indent from the button from the browser and in connection with this there is a jump, are there any solutions? How did you get there smoothly?