.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.social-links__icon{border:2px solid #00dd8d;border-radius:50%;display:inline-flex;height:3rem;margin:0 .35rem;overflow:hidden;position:relative;width:3rem}.social-links__icon:before{background-color:#000;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform .3s ease;width:100%;z-index:0}.social-links__icon:focus:before,.social-links__icon:hover:before{transform:translateX(0)}.social-links__icon svg{fill:#000505;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.social-links__icon:active svg,.social-links__icon:focus svg,.social-links__icon:hover svg{fill:#00dd8d}