title: Create a Button with right triangle/pointer
body: <p>Looking to create this: <img src="https://i.stack.imgur.com/S8q53.png" alt="button with right arrow/pointer"></p>
  
  <p>What would be the best way to achieve it? </p>
  
  <p><strong>IT MUST:</strong> 
  I'd definitely like to keep the text as text (so not using an image). Also, I'd like this to be re-usable so that I can put different text in it.
  Ideally, the arrow part should be as high as the text.</p>
  
  <p><strong>NICE TO HAVE:</strong> 
  I'd like to be able to drop this on any background (so it isn't always on white)
  Would be great if it was ie8+</p>
  
  <p>Thanks!!</p>