When creating nested elements with border radius, the inner radius should be adjusted to maintain a visually balanced shape. A basic formula is: inner radius = outer radius minus the padding (the gap between the inner and outer element).
Inner radius=Outer radius-Padding
Radius36px
Padding12px
36px
12px
24px