JSFiddle - React, Tailwind, and code Playground

HTML

<div class="arow">
<a href="" class="next"></a>
        <a href="" class="right"></a>
    
</div>

CSS

.arow{
position:relative;
    margin:15px;
   background:#797dbe;
    width:150px;
    height:400px;
    left:50px;
}
.next, .right{
    width:29px;
    height:96px;
    background:#797dbe;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    position:absolute;
    top:123px;
}
.next{
    left:-23px;
}
.right{
    right:-26px;
}