JSFiddle - React, Tailwind, and code Playground

HTML

<a href="/" class="button">SEARCH HOLIDAYS</a>

CSS

* {
    margin:0;padding:0;
}

.button {
    width:182px;
    height:27px;
    background:#159818;
    margin:20px;
    border:3px solid #CCDEC8;
    border-radius:7px;
    display:block;
    text-transform:uppercase;
    text-decoration:none;
    color:#D9FFD6;
    padding:7px 0 0 14px;
    font: bold 13px Tahoma, sans-serif;
    position:relative;
}

.button:after {
    content:'';
    border: 17px solid transparent; 
    border-left: 18px solid #159818; 
    position:absolute;
    top:0px; left:194px;
}

.button:before {
    content:'';
    border: 20px solid transparent; 
    border-left: 22px solid #CCDEC8; 
    position:absolute;
    top:-3px; left:194px;
}