.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.social-links__icon{display:inline-flex;height:40px;margin:0 5px;position:relative;width:40px}.social-links__link:focus,.social-links__link:hover{background-color:var(--primary-color)}.social-links__link:active{background-color:var(--dark-color)}.social-links__icon svg{fill:#fff;height:15px;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:#fff}.social-links__link{width:40px;height:40px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.social-links__link:hover{background-color:var(--dark-color)}.social-links__link+*{margin-left:.5em}.social-links__link img{filter:invert(1);width:1.2em}