#socialshare{position:fixed;width:7%;height:70%;bottom:5%;top:32%;padding:0;display:inline-block;z-index:999;float:left;left:0}@media screen and (max-width: 450px){#socialshare{display:none}}.share_buttons_icons{height:20%;-webkit-box-flex:1;-webkit-flex:1 0 100px;-ms-flex:1 0 100px;flex:1 0 100px;cursor:pointer;width:100%}.share_buttons_icons:hover svg{width:60%;height:60%;right:-8%;top:20%}.share_buttons_icons path ~ path{fill:rgba(230,230,240,0.9)}.share_buttons_icons:hover path{fill:rgba(230,230,240,0.9)}.share_buttons_icons:hover .ts{fill:rgba(0,0,0,0.5)}svg{position:absolute;width:40%;height:40%;left:30%;top:30%;overflow:visible;position:relative;-webkit-transition:all .25s ease-out;transition:all .25s ease-out}svg path{fill:rgba(255,255,255,0.7);-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.ts{fill:transparent;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1.3,1.3) perspective(300px) rotateX(250deg) skew(-65deg);transform:scale(1.3,1.3) perspective(300px) rotateX(250deg) skew(-65deg)}