.social_networks {
    display: flex;
    flex-direction: row;
}

.social_networks > a > div {
    position: relative;
    width: 32px;
    height: 32px;
    margin: auto 7.5px;
}

.social_networks > a > div:hover, .social_networks > a > div:active {
    background: transparent url('../../resources/img/kontur152@2x.png') center center/contain no-repeat padding-box;
}

.facebook > div{
    background: transparent url('../../resources/img/facebook@2x.png') center center/contain no-repeat padding-box;
}
.facebook > div:hover > .inside_sl, .facebook > div:active > .inside_sl {
    position: absolute;
    margin: 8px 10px 8px 12px;
    width: 9px;
    height: 16px;
    background: transparent url('../../resources/img/kontyr151@2x.png') center center/contain no-repeat padding-box;
}
.telegram > div {
    background: transparent url('../../resources/img/telegram@2x.png') center center/contain no-repeat padding-box;
}
.telegram > div:hover > .inside_sl, .telegram > div:active > .inside_sl {
    position: absolute;
    margin: 9px 7px 9.2px 8px;
    width: 16.5px;
    height: 13.8px;
    background: transparent url('../../resources/img/group55@2x.png') center center/contain no-repeat padding-box;
}
.instagram > div{
    background: transparent url('../../resources/img/instagram@2x.png') center center/contain no-repeat padding-box;
}
.instagram > div:hover > .inside_sl, .instagram > div:active > .inside_sl {
    position: absolute;
    margin: 24%;
    width: 16px;
    height: 16px;
    background: transparent url('../../resources/img/group53@2x.png') center center/contain no-repeat padding-box;
}