JSFiddle - React, Tailwind, and code Playground

HTML

<div class="button">
  <span>С текстом<span>
</div>

CSS

.button {
    position:relative;
    width: 200px;
    height: 40px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(#f35445, #c82c1d);
    transform: skew(-20deg);
}
.button span {
    color: #ffffff;
    transform: skew(20deg);
    display: block;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}