.share-button{position:relative;width:30px;}.toggle{position:relative;width:25px;height:25px;z-index:10;display:block;cursor:pointer;color:#c8c7c0;}.toggle:after{position:relative;display:block;width:25px;height:25px;font-family:'FontAwesome';content:"";font-size:18px;text-align:center;left:-2px;}.toggle-input{display:none;}.toggle-input:checked+.toggle:after,.toggle-input:checked+.toggle:before{background-color:#c8c7c0;content:"";height:3px;width:16px;position:absolute;left:10px;top:47%;}.toggle-input:checked+.toggle:after{transform:rotate(45deg);animation:bar1 .3s forwards;}.toggle-input:checked+.toggle:before{transform:rotate(-45deg);animation:bar2 .3s forwards;}.network-list li{position:absolute;top:0;left:0;display:block;margin:0;padding:0;list-style-type:none;opacity:0;transition:all .25s cubic-bezier(.43,1.17,.69,1.24);}.network-list a{width:25px;height:25px;border-radius:5px;position:relative;display:block;overflow:hidden;text-indent:120%;text-decoration:none;}.network-list a:before{top:0;right:0;bottom:0;left:0;position:absolute;font-family:'FontAwesome';font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;text-align:center;text-indent:0;}.network-list .link a:before{content:"";color:#689b94;background:#e3eae9;}.network-list .facebook a:before{content:"";color:#689b94;background:#e3eae9;}.network-list .googleplus a:before{content:"";color:#689b94;background:#e3eae9;}.network-list .whatsapp a:before{content:"";color:#689b94;background:#e3eae9;}input:checked~.network-list li{opacity:1;font-size:18px;}input:checked~.network-list li:nth-child(1){left:-20px;}input:checked~.network-list li:nth-child(2){left:-50px;}input:checked~.network-list li:nth-child(3){left:-80px;}input:checked~.network-list li:nth-child(4){left:-110px;}@keyframes bar1{0%{content:"";width:46px;height:50px;background-color:transparent;transform:rotate(0deg) scale(1);top:0;left:0;opacity:1;}50%{background-color:transparent;content:"";width:46px;height:50px;top:0;left:0;transform:rotate(0deg) scale(.2);opacity:0;}50.001%{background-color:#fff;left:10px;top:22px;content:"";height:3px;width:30px;}60%{transform:rotate(0deg) scale(1);opacity:1;}100%{transform:rotate(45deg) scale(1);}}@keyframes bar2{0%{background-color:transparent;transform:rotate(0deg) scale(.2);opacity:0;}50%{background-color:transparent;transform:rotate(0deg) scale(.2);opacity:0;}60%{transform:rotate(0deg) scale(1);opacity:1;}100%{transform:rotate(-45deg) scale(1);}}