JSFiddle - React, Tailwind, and code Playground

HTML

<div style="padding: 20px;">
    <a class="next" href="#">Next</a>
</div>

CSS

a.next {
    padding: 6px 12px;
    border-width: 1px !important;
    border-color: #333 !important;
    background: #5BFF2D; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5BFF2D', endColorstr='#20CA00'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#5BFF2D), to(#20CA00)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #5BFF2D, #20CA00); /* for firefox 3.6+ */ 
    border-radius: 6px 0 0 6px !important;
    border-style: solid none solid solid !important;
    position: relative;
    overflow: hidden;
}

a.next:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    border-top: 1px solid #333;
    background: inherit;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5BFF2D', endColorstr='#20CA00'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#5BFF2D), to(#20CA00)); /* for webkit browsers */
    background: -moz-linear-gradient(top left, #5BFF2D, #20CA00); /* for firefox 3.6+ */ 
    position: absolute;
    top: -1px;
    left: 100%;
    z-index: -1;
    -ms-transform:rotate(45deg); /* IE 9 */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */
    -o-transform:rotate(45deg); /* Opera */
    transform:rotate(45deg);
    
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Safari and Chrome */
    -moz-transform-origin: 0 0; /* Firefox */
    -o-transform-origin: 0 0; /* Opera */
    transform-origin: 0 0;
}

a.next:after {
    content: '';
    display: block;
    width: 22px;
    height: 0px;
    border-bottom: 1px solid #333;
    position: absolute;
    bottom: -1px;
    left: 100%;
    z-index: -1;
    -ms-transform:rotate(-45deg); /* IE 9 */
    -moz-transform:rotate(-45deg); /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari and Chrome */
    -o-transform:rotate(-45deg);...