How to make a similar frame adaptively?

Question

css

How to create such a frame?

Answer 1

2 options: https://jsfiddle.net/o4wjbkzc/

Answer 2

Answer 3

https://codepen.io/topicstarter/pen/WaKGjN please works on hover

Answer 4

Something complicated is suggested) an ordinary button with borders on three sides (top, bottom, left) and two pseudo-elements for styling the right ragged border. Minimum markup, a few styles, everything is adaptive and there are no problems with the admin panel.