Untitled

make heading stretch to fit containe and add > to end
.arrow { float:right; }

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

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

.container:hover a { color:green; }

div:hover span{ background-image:url();}