.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}@media screen and (max-width:768px){.social-links{justify-content:center}}.social-links__icon{background-color:transparent;border:1px solid #f5f8fa;border-radius:50%;display:inline-flex;height:36px;margin:0 5px;position:relative;width:36px;transition:all .3s ease-in-out}.social-links__icon:hover,.social-links__icon:focus{background-color:#f5f8fa}.social-links__icon:active{background-color:#9ba0a5}.social-links__icon svg{fill:#f5f8fa;height:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;transition:all .3s ease-in-out}.social-links__icon:hover svg,.social-links__icon:focus svg,.social-links__icon:active svg{fill:#23201e}