JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Next</a>

CSS

a{
    position: relative;
    display: block;
    padding-left: 30px;
    line-height: 45px;
    height: 45px;
}

a:after, a:before {
    width: 6px;
    height: 22px;
	right: 100%;
	border-left: 1px solid black;
	content: "";
	position: absolute;
	pointer-events: none;
    left: 7px;
}

a:after {
	-webkit-transform: skew(135deg);
	
}
a:before {
	-webkit-transform: skew(-135deg);
    top: 22px;
}