JSFiddle - React, Tailwind, and code Playground

by felipero7

HTML

<div class="seta seta-direita"></div>

CSS

.seta {
  position: absolute;
  padding: 3rem; /* Arrow size */
          box-shadow: 1px -1px 0 1px red inset;
  -webkit-box-shadow: 2px -2px red inset;
  border: solid transparent;
  border-width: 0 0 2rem 2rem;
  transition: 0.2s;

}

.seta-direita { transform:rotate(225deg); background:#000;}