<a href="#" class="money_btn">
	<i class="fa fa-money" aria-hidden="true"></i>
</a>

<style>
	.money_btn {
	    display: block;
	    width: 80px;
	    height: 80px;
	    border-radius: 100%;
	    color: #fff;
	    background: #ff007a;
	    text-align: center;
	    line-height: 80px;
	    font-size: 36px;
	    position: fixed;
	    left: 50px;
	    bottom: 50px;
	    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	    -webkit-transform: rotate(-52deg);
        -moz-transform: rotate(-52deg);
        -ms-transform: rotate(-52deg);
        -o-transform: rotate(-52deg);
        transform: rotate(-52deg);
        transition: all .25s ease;
        animation-name: bumbum;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease;
	}
	.money_btn:hover,.money_btn:focus,.money_btn:active {
		color:#fff;
		text-decoration: none;
		background: #ff003b;
		bottom: 60px;
	}
	@keyframes bumbum {
	    0%,100% {
	        -webkit-transform: rotate(52deg);
	        -moz-transform: rotate(52deg);
	        -ms-transform: rotate(52deg);
	        -o-transform: rotate(52deg);
	        transform: rotate(52deg)
	    }

	    50% {
	        -webkit-transform: rotate(-52deg);
	        -moz-transform: rotate(-52deg);
	        -ms-transform: rotate(-52deg);
	        -o-transform: rotate(-52deg);
	        transform: rotate(-52deg)
	    }
	}
</style>