How can i transition between animations on click without my element teleporting?

Question

I have this code i\'m trying and basically it\'s just working on translate to move a square. When you click the last button (circling arrow) the square starts going around t