What are the ways to implement cropped round border?

Question

css

Good afternoon. Suggest ways to implement such a framework.

Answer 1

https://codepen.io/wokster/pen/MzbmLO
or as an option, everything is the same but for the :before pseudo-element, so as not to rotate the content
You can of course also svg, but in this case it is redundant. Bare css works great. This is if you need something more complicated or complex animation, then svg.

Answer 2

background color pseudo-element over border, no?