@concentric-radius
This recipe applies a concentric radius to an element. A concentric radius is an outer radius that is equal to the inner radius plus half the element’s padding.
Note: This recipe sets the padding of the parent element via a var(--padding) variable so it can calculate the concentric radius. By default, the inner radius will use your site’s default border radius via var(–radius).