JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"> 
    <div class="title"> This is a title </div>
    <div class="arrow"> > </div>
    
</div>

CSS

.container { height:25px; padding:10px; border:thin solid grey; background:#ccc }

.container:hover .title, .container:hover .arrow { color:green; } 

.title { float:left }
.arrow { float:right; }