title: HTML/CSS button with inverted half circle on both sides of button
body: <p>I'm trying to create a button with inverted half circles on the sides.</p>
  <p>I've tried creating a half-circle and placing it at the end of the button but the outcome doesn't look pleasant.</p>
  <p>The outcome should look something like this:</p>
  <p><a href="https://i.stack.imgur.com/Wha9J.png" rel="nofollow noreferrer">button with half circle at both end</a></p>