JSFiddle - React, Tailwind, and code Playground

HTML

<body>

	<div class = "next-button"></div>


</body>

CSS

.next-button {
    	position: absolute;
    	height: 70px;
    	text-align: center;
    	background: black;
    	cursor: pointer;
    }
    
    .next-button::after {
    content: "\203A";
    color: white;
    font-size: 3em;
    line-height: 0;
    position: relative;
    border: 1px solid red;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
}