.socialuttons:before, .socialuttons:after { transition:all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }

.socialuttons:before { top:0; }
.socialuttons:hover:before { top:0; }

.socialuttons:after { top:0; opacity:0;  transform:scale(2);}
.socialuttons:hover:after { top:0; opacity:1; transform:scale(1); }