HTML CSS
<p class="arrow">Arrow</p>
ARROW "BASE" .arrow::before { display: inline-block; width: 30px; text-align: center; }
ARROW DIRECTION .arrow::before { content: "\2191" }
.arrow:hover::before { transform: rotate(90deg); transition: all 0.3s; }