JSFiddle - React, Tailwind, and code Playground

HTML

<div class="go-checkout">
   <p><span> <input type="submit" name="checkout" class="button" value="Оформить заказ"></span></p>
 </div>

CSS

.go-checkout {overflow: hidden; margin: 30px; height: 46px; }
p {height: 46px; overflow: hidden; width: 227px;}
.go-checkout p span {height: 44px;}
.go-checkout p span {box-shadow: 1px 1px 0 #16579f, 2px 2px 0 #16579f, 3px 2px 0 #16579f;}
.go-checkout p span::after {box-shadow:1px 1px 0 #16579f, 2px 1px 0 #16579f;}
.go-checkout span,.go-checkout span input {
float: left;
text-decoration: none;
color: #fff;
background: #0bb7f3;
position: relative;
z-index: 1;
font-size: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
-moz-border-radius: .4em 0 0 .4em;
-webkit-border-radius: .4em 0 0 .4em;
border-radius: .4em 0 0 .4em;
}
.go-checkout span input {
padding: .5em 1em .5em 1.5em;
border: none;
cursor: pointer;
}
.go-checkout p span::after {
background: #0bb7f3;
content: "";
height: 36px;
margin-top: -25px;
position: absolute;
right: -22px;
top: 55%;
width: 2.5em;
z-index: -1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
    border-radius: .4em;}

.go-checkout span input:hover {
   
background: #1f8dd6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzFmOGRkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYmI3ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #1f8dd6 1%, #0bb7f3...