ThreeJs object ration on an angle

[yan_rez]

How can I have an ThreeJS object rotate on an axis that is at angle.

 

Like from this codepen I made, the left square rotates on its center and moved up when you click on the "rotate up" button.

 

I want the left cure rotate along the red axis in the image attached and move along on that axis when click on the "Rotate 45 degree" button.  I can make up move along the axis, but the rotation is wrong. How can I make the cute rotate along the red axis?

 

 

See the Pen MWpYggY by eforblue (@eforblue) on CodePen

[OSUblake]

This is more of a three.js question. Try searching for how to rotate on axis. Once you figure that out, it should be relatively easy to animate with gsap.