.page-footer .socials {
    margin:0 0 24px
}
.socials__list {
    list-style: none;
    display: flex;
    justify-content: center;
    margin: -4px;
}
.socials__item {
    display: inline-block;
    padding: 4px;
}
.socials__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width:58px;
    height:58px;
    border:1px solid #fff;
    border-radius:50%;
    font-size:29px;
    text-align: center;
    transition: all 110ms ease-out;
}
.page-footer .socials ul li a:hover {
    box-shadow:inset 0 0 0 1px #fff;
}