div com lados inclinados e cantos arredondados

Atualmente, estou construindo um site que requer botões para ter uminclinação no lado esquerdo do botão O site é responsivo e o botão requercantos arredondados também. Também estou tentando evitar o uso de imagens de fundo.

Alguém seria capaz de me mostrar uma solução para isso? Ignore o ícone no botão, eu consigo fazer isso. Eu só preciso do lado inclinado.

Amostra jsfiddle

body {
  background: lightblue;
  font-family: sans-serif;
}
div {
  background: purple;
  width: 200px;
  padding: 30px;
  border: 3px solid white;
  color: white;
}
<div>Some Text</div>

questionAnswers(3)

yourAnswerToTheQuestion