How to change radius in svg code?

Question

css

I need to change the radius of the animation so that it is square (when clicked), I think it's simple, but I'm not boom boom in svg)
codepen.io/anon/pen/alHJB
Please help!

Answer 1

And try adding a transformation to the path element:
It will only be necessary to correct the thickness of the circumference line accordingly, since scale reduces it. To do this, you can fix the CSS in your example:

.progress-button svg.progress-circle path {
  stroke: #1ECD97;
  stroke-width: 10;
}