.icon-button{background-color:#fff;cursor:pointer;display:inline-block;font-size:2rem;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:3.4rem;height:3.4rem;line-height:3.4rem;width:3.4rem}.icon-button span{border-radius:0;display:block;height:0;left:50%;margin:0;position:absolute;top:50%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:0}.icon-button:hover span{width:3.6rem;height:3.6rem;border-radius:3.6rem;margin:-1.8rem}.twitter span{background-color:#4099ff}.linkedin span{background-color:#0077b5}.facebook span{background-color:#3b5998}.google-plus span{background-color:#db5a3c}.youtube span{background-color:#e52d27}.icon-button i{background:0 0;color:#fff;height:3.6rem;left:0;line-height:3.6rem;position:absolute;top:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:3.6rem;z-index:10}.icon-button .icon-twitter{color:#4099ff}.icon-button .icon-facebook{color:#3b5998}.icon-button .icon-google-plus{color:#db5a3c}.icon-button .icon-youtube{color:#e52d27}.icon-button .icon-linkedin{color:#0077b5}.icon-button:hover .icon-twitter,.icon-button:hover .icon-facebook,.icon-button:hover .icon-linkedin,.icon-button:hover .icon-youtube,.icon-button:hover .icon-google-plus{color:#fff}