.social{position:relative;flex:1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.social .popup{position:absolute;z-index:1;right:0;top:100%;background:var(--color3);border-radius:0 0 25px 25px;display:flex;flex-direction:column;align-items:flex-end;max-height:0;overflow:hidden;margin-bottom:0;transition:all .2s linear}.social .popup li{padding:5px 10px}.social .popup li a{cursor:pointer;color:var(--color1);text-decoration:none;position:relative}.social .popup li a:after{content:'';display:block;position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background-color:#fff;opacity:0;z-index:0;-webkit-transform:translate(-50%,-50%) scale(0.5);transform:translate(-50%,-50%) scale(0.5);transition:all .2s linear}.social .popup li a:before{position:relative;z-index:2}@media(hover:hover){.social .popup li a:hover{color:#5b5f78}.social .popup li a:hover:after{opacity:.3;-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}}.social .popup li:before{display:none}.social.is-open .popup{max-height:300px}.social span.share{color:var(--color1)!important;font-size:var(--l-fontsize);margin-left:calc(var(--padding) * 1.5);min-width:40px;text-align:center;cursor:pointer}@media(max-width:56em){.social span.share{margin-left:var(--padding)}}@media(hover:hover){.social:hover span.share{color:#5b5f78!important}}