How to control the size of an SVG mask?

Question

css

Friends, I am very poorly versed in SVG. Help me figure out how to control the size of this SVG with a mask?
Here is the live code https://codepen.io/Cheizer/pen/xxKvyzb
SVG size is specified with border

width:170px; 
  height:125px;

But the actual size is smaller :( how to control the size?
And how to change the size of the circle element at the corners? If it is possible to control these sizes in CSS, it would be great.

Answer 1

viewBox="0 0 10 6.7" - defines a custom viewport - if you have a width of 170, then the height should be ~114, but it's better to avoid non-integer values
; you can try changing the size of the circle through stroke-width: 1px;