#btnWcb {display: block;float: right;
color: #b0b0b0;font-size: 70px;
width: 70px; height: 61px;overflow: hidden;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}

#btnWcb span {float: left;margin-top: -10px;}

#btnWcb h2 {float: left;font:bold 14px 'Open Sans', sans-serif;text-transform: uppercase;margin: 10px 0 0 10px;}

#btnWcb:hover {width: 150px;color: #FFF;}

#btnWcb:hover span {-webkit-animation-name: tada;-moz-animation-name: tada;-o-animation-name: tada;animation-name: tada;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;}

/* ANIMATION TADAAAAAA */
@-webkit-keyframes tada {0% {-webkit-transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {0% {-moz-transform: scale(1);}
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {0% {-o-transform: scale(1);}
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}