JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <a href=""><span>Next</span></a>
</div>

CSS

/* Slider Directional Controls */
.container a { display:block; width:300px; height:300px; }

.container a span { 
    display:block;
    text-indent:-9999px;
    width:300px;
    height:300px;
    overflow:hidden;
    background-color:gray;
}

.container a span:before { 
    content:"";
    display:block;
    width:50px;
    height:50px;
    background-color:red;
}