Div com cantos arredondadose inclunados

Bom dia pessoal, alguém pode me dar uma ajuda, tenho que fazer umas divs com os cantos arredondados e inclinados, já consegui inclinar eles, mas não consegui deixar arredondados, segue o código que estou usando.

.exemplo {
 color: #fff;
 position: relative;/*faz os elementos pseudos acompanharem o elemento com a classe*/
 display: inline-block;
 background-color: #CC0000;
 line-height: 20px; /*Centraliza o texto*/
 height: 20px;
 padding:0 10px;
 margin: 0 10px;
}

.exemplo:before, .exemplo:after {

 content: "";
 width: 0px;
 height: 0px;
 top: 0px;
 position: absolute;
}

.exemplo:before {

 border-top: 20px solid transparent;
 border-right: 5px solid #CC0000;
 left: -5px;
}

.exemplo:after {

 border-bottom: 20px solid transparent;
 border-left: 5px solid #CC0000;
 right: -5px;
}

Se alguém puder me ajudar...

Obrigado...