Gradient Border With Radius

This solutions creates a transparent border at the size we want and fills it with a background gradient that fills to the border edge border-box and then is “covered” by filling the box with a color matching the page background padding-box.

The order in the background syntax matters, the page background should be on top.