title: CSS: Skew a buttons border, not the text
body: <p>I'm looking for an easy way with a single tag (just <code>&lt;a&gt;</code>)to create a skew effect on the borders, but keep the text the way it is.</p>
  
  <p>I would know how do with a span in- or outside, but I don't want to have additional, pretty much zero meaning HTML on the page.</p>
  
  <p>Example below.</p>
  
  <p><img src="https://i.stack.imgur.com/QB2uG.png" alt="enter image description here"></p>