.soc-networks {
    display: flex;
    column-gap: 10px;
}
.soc-networks__link {
    color: inherit;
    text-decoration: none;
}
.soc-networks__ico {
    display: block;
    fill: #008143;
    height: 30px;
    transition: fill .3s;
    width: 30px;
}
.soc-networks__link:hover .soc-networks__ico,
.soc-networks__link:active .soc-networks__ico,
.soc-networks__link:focus .soc-networks__ico {
    fill: var(--color-red-1);
}