rollover arrow animation

by cyber007

HTML

<div class="promo">
 <a href="#" class="promo__button" data-module="modules/AnimatedArrowButton" data-contact-button>Tell me more</a>
    
  </div>

CSS

.promo {
    background: #E21710;
    color: #fff;
    text-align: center;
    padding: 110px 20px 50px 20px;
   
}

.promo__button {
    border: 1px solid #fff;
    display: inline-block;
    position: relative;
    margin-top: 1.5em;
    
    font-size: 28px;
    height: 70px;
    padding-top: 20px;
    padding-left: 70px;
    padding-right: 70px;
    text-decoration: none;
        text-transform: uppercase;
   
    font-weight: 700;
    line-height: 1;
    letter-spacing: .025em;
    text-align: center;
    color: #fff;
    background: #E21710;
}