JSFiddle - React, Tailwind, and code Playground

HTML

<br><br>
<div style="width:20px;height:100px;float:left;"></div>

<div class="Button">
    <div class="arrow-image"><img src="http://z4stagin.z4.aldenhosting.com/sp-images.png" /></div>
Get started now
</div>

CSS

.Button{cursor:pointer;    float: left;padding: 15px 10px 10px 10px;
    list-style: none;background: url(http://z4stagin.z4.aldenhosting.com/menutop.gif) repeat-x 0px 0px #EDEDED;
    height: 25px;width: 168px;font-size: 16px;text-align: center;border: 1px solid #FAFAFA;
    box-shadow: 0px 4px 4px #d5d5d5;    -moz-box-shadow: 0px 4px 4px #d5d5d5;    -webkit-box-shadow: 0px 4px 4px #d5d5d5;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.Button:hover{background:#00a9dd !important;    color:#fff !important;    text-shadow: 2px 2px 2px #0098C7;
    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;     transition: all 0.2s ease-in-out;}    

.arrow-image{
    margin-top:7px;
background-repeat: no-repeat;
width:10px;float:right;overflow:hidden;height: 10px;}


.arrow-image img { margin-left: -86px; }

JavaScript

$(document).ready(function(){

$('.Button').hover(function(){
    $('.arrow-image img').animate({
        backgroundSize: '10% 10%'
    },200);});

$('.Button').mouseleave(function(){
    $('.arrow-image img').animate({
       backgroundSize: '10% 10%'
    },200);});

  });