How to make such a bevelled button responsive?

Question

css

How to make such a button, but so that it is:

• adaptive - there can be more text, it can be transferred to another line, but so that the beveled corners do not change from the size of the text, so that they are set rigidly
  
• without tricks with "make before and after, rotate them 45 degrees and make one side the color and thickness of the main frame" this thing will not work, because the backgrounds of the button can be different and the before and after background cannot be made transparent because it interrupts the real block angle
  
• so that you can make a hover on the button with box-shadow and it is along the entire button that the edges are lit
  

Answer 1

How to make beveled corners with stroke and transparent background?
Added adaptation for your case