Draw in button border clockwise from top center

[TroyDev]

How can we draw in a rect svg OR a button's border from the top center clockwise? The codepen I have here is drawing in a rect svg from the top left. but I'd like it to draw in from the top center all the way around clockwise.

Would be nice if there were a away to animate a button's border to do this same thing as well.

See the Pen JjmQQJE by Troy-Bailey (@Troy-Bailey) on CodePen.

[PointC]

Just modify your start/end percentages:

See the Pen 892842f1056c3bd18093804305c0d32c by PointC (@PointC) on CodePen.

Happy tweening.

[TroyDev]

Thanks!