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