#footer {
    background-color: var(--light-bg);
}

#footer .si {
    margin: 0 5px 5px 0;
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
    color: #555;
    text-shadow: none;
    border: none;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
}
#footer .si a {
    display: block;
    color: rgba(255,255,255,.5);
    transition: all .3s ease;
}

#footer .si.i-inst:hover a {
  color: #91408a;
  background: #fff;
}

#footer .si.i-vk:hover a {
    color: #fff;
    background: #00acee;
}

#footer .si.i-tel:hover a {
    color: #fff;
    background: #00acee;
}

#footer .si.i-tube:hover a {
    color: #fff;
    background: #8a0f0f;
}

#footer .si:hover a:first-child {
  margin-top: -32px;
}