Have you ever placed a rounded rectangle inside another rounded rectangle?

Question

Pixel graphics

So, I came across an interesting guide on the Internet , proposed by

ustwo

Many questions are covered, which each of us has ever reached. And, most likely, based on practice and personal aesthetic perception. But one question stuck with me in particular. We enter page 32 from the top in PDF, or 30, based on the pagination of the manual itself.
Personal translation:
Borders and Corner Radius
We often like to add borders to various UI elements without looking for the easy way out with simple rectangular edges. Then we face a dilemma: what is the best way to deal with the outer radius of the rounded corner based on the inner one? There are several available methods, the most common of which are listed above (I am attaching a screenshot from the guide):

1) matching the outer and inner radii;
2) scaling the original shape;
3) adding the inner radius and the border between the outer and inner rectangles.
To date, the latter is considered the best of the methods, as it results in borders of constant thickness between the rectangles, which are not compacted at the corners (as seen in the previous two methods).
So, question. The first and third methods are too simple, no questions asked. As for the second, there is some degree of confusion. The fact is that if I scale a shape (a rectangle with rounded corners), then the rounding radius does not change with increasing or decreasing the size of the shape. Maybe it's just me having this problem?

Answer 1

The radius will not increase as it is a rectangle parameter. In order for the radius to scale proportionally, you need to convert the rounded rectangle to an arbitrary shape.