.animated{width:32px;height:32px;color:#8bc34a;text-align:center;border-radius:50%;background:#fff;vertical-align:top;margin-right:3px}.animated:last-of-type{margin-right:0;line-height:30px;font-size:24px}.share-button{cursor:pointer;display:inline-block;height:42px;position:fixed;bottom:0;right:-80px;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-webkit-perspective:200px;-moz-perspective:200px;perspective:200px}.share-button__back{background-color:#8bc34a;padding:5px;border-radius:20px;overflow:hidden;box-shadow:0 0 14px rgba(0,0,0,.1) inset}.share-button__front{width:100%;height:100%;background-color:#8bc34a;border-radius:20px;position:absolute;top:0;left:0;transform-origin:center top;-webkit-transition:all .5s cubic-bezier(.175,.885,.32,1.275);-moz-transition:all .5s cubic-bezier(.175,.885,.32,1.275);-ms-transition:all .5s cubic-bezier(.175,.885,.32,1.275);-o-transition:all .5s cubic-bezier(.175,.885,.32,1.275);transition:all .5s cubic-bezier(.175,.885,.32,1.275);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.share-button__text{margin:0!important;line-height:45px;font-size:16px;text-align:center;color:#fff}.fab{position:relative;top:40px;display:inline-block;opacity:0;-webkit-transition:top .5s cubic-bezier(.175,.885,.32,1.275);-moz-transition:top .5s cubic-bezier(.175,.885,.32,1.275);-ms-transition:top .5s cubic-bezier(.175,.885,.32,1.275);-o-transition:top .5s cubic-bezier(.175,.885,.32,1.275);transition:top .5s cubic-bezier(.175,.885,.32,1.275)}.share-button:hover .share-button__front{transform:rotateX(90deg)}.share-button:hover .fab{top:0;opacity:1}.share-button:hover .fab:nth-of-type(1){transition-delay:.1s}.share-button:hover .fab:nth-of-type(2){transition-delay:.2s}.share-button:hover .fab:nth-of-type(3){transition-delay:.3s}.share-button:hover .fab:nth-of-type(4){transition-delay:.4s}