Actualmente estoy construyendo un sitio web que requiere botones para tener uninclinación en el lado izquierdo del botón El sitio web responde y el botón requiereesquinas redondeadas también. Estoy tratando de evitar el uso de imágenes de fondo también.

¿Alguien podría mostrarme una solución a esto? Ignora el icono en el botón, puedo hacer esto. Solo necesito el lado inclinado.

Muestra 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>