JSFiddle - React, Tailwind, and code Playground

HTML

<a class="btn" href="#">Lorem ipsum</a>

CSS

/* http://apps.eky.hk/css-triangle-generator/ */

a{
    display: inline-block;
    background: orange;
    position: relative;
    height:20px;
    text-decoration: none;
    color: black;
    margin: 10px 20px; /* отступ + угол */
}

a:before, a:after{
    content: ' ';
    position:absolute;
    top:0;
    width: 0px;
    height: 0px;
    border-style: solid;
}

a:before{
    border-width: 0 7px 20px 0;
    border-color: transparent #ffa600 transparent transparent;
    left: -7px;
}

a:after{
    border-width: 20px 0 0 7px;
    border-color: transparent transparent transparent #ffa600;
    right: -7px;
}