<a href="#" class="buttonDownload3" title="Click Here">DOWNLOAD</a>

​

<style>

.buttondownload3,

.buttondownload3:hover {

    color: #fff!important

}

.buttonDownload3 {

    display: inline-block;

    position: relative;

    padding: 13px 20px 13px 25px;

    background: #2187e7;

    font-family: times;

    text-decoration: none;

    font-size: 16px;

    font-weight: 600;

    text-align: center;

    text-indent: 15px;

    border-radius: 5px

}

.buttonDownload3:hover {

    opacity: .9

}

.buttonDownload3:before,

.buttonDownload3:after {

    content: ' ';

    display: block;

    position: absolute;

    left: 15px;

    top: 52%

}

.buttonDownload3:before {

    width: 10px;

    height: 2px;

    border-style: solid;

    border-width: 0 2px 2px

}

.buttonDownload3:after {

    margin-left: 3px;

    margin-top: -7px;

    border-style: solid;

    border-width: 4px 4px 0;

    border-color: transparent;

    border-top-color: inherit;

    animation: downloadArrow .7s linear infinite;

    animation-play-state: paused

}