div со скошенными боковыми и округлыми углами

В настоящее время я создаю веб-сайт, который требует кнопок, чтобы иметьнаклон с левой стороны кнопки. Сайт отзывчив и кнопка требуетзакругленные углы тоже. Я стараюсь избегать использования фоновых изображений тоже.

Кто-нибудь сможет показать мне решение этой проблемы? Проигнорируйте значок на кнопке, я могу это сделать. Мне просто нужна наклонная сторона.

Образец 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>

Ответы на вопрос(3)

Ваш ответ на вопрос