JSFiddle - React, Tailwind, and code Playground

HTML

<a class="input" href="#">Back</a>

CSS

body {padding:40px; background-color: #1693da;}
.input {
    display:block;
    text-decoration:none;
    padding:10px 60px;    
    background:#117ebb;
    font-size:60px;
    color:#fff;
    border-radius: 0px;
    box-shadow: 10px 2px 0px #003355;
    transform: skew(-10deg);
       
}
.input:before {
    position:absolute;
    top:0;
    left:-32px;
    content:" ";
    width: 0;
    height: 0px;
    border-top: 45px solid transparent;
    border-bottom: 45px solid transparent;
    border-right:45px solid #117ebb;
    
}