title: chopped-off corners from a button with a solid border
body: <p>I want to cut two corners of a button with a 3px solid border and no background, like the example below, preferably with only CSS. I tried many options and searched the web, but no luck so far... Do you guys know a way to achieve this? Thanks for any response!</p>
  
  <p><a href="https://i.stack.imgur.com/MFVbj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/MFVbj.png" alt="button with cut-corner border"></a></p>
  
  <p>What I got so far is:</p>
  
  <pre><code>a.button{
      padding: 10px 18px;
      border: 3px solid $blue;
      text-transform: uppercase;
      font-size: 15px;
      border-top-left-radius: 15px;
      border-bottom-right-radius: 15px;
  }
  </code></pre>
  
  <p>The problem is that this results in a radius corner, and I want the corners to be a straight cut.</p>