.button {
width: 200px;
height: 40px;
text-align: center;
line-height: 14px !important;
color: #fff !important;
font-size: 16px;
background: linear-gradient(#f35445, #c82c1d);
}
.button:before, .button:after {
content: "";
box-sizing: border-box;
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
}
.button:before {
left: 100%;
border-left: 20px solid #c82c1d;
border-bottom: 40px solid transparent;
}
.button:after {
right: 100%;
border-right: 20px solid #f35445;
border-top: 40px solid transparent;
}