.messengers {
    display: flex;
    align-items: center;
    gap: 15px;
}

.vk,
.tg,
.wa,
.whatsapp{
    position: relative;
    width: 24px;
    height: 24px;
}

.vk::before,
.tg::before,
.wa::before,
.whatsapp::before{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.vk::before{
    background-image: url('../image/icon/vk-h.svg');
}

.tg::before{
    background-image: url('../image/icon/tg-h.svg');
}

.whatsapp::before,
.wa::before{
    background-image: url('../image/icon/wa-h.svg');
}


footer#footer .vk::before{
    background-image: url('../image/icon/vk.svg');
}

footer#footer .tg::before{
    background-image: url('../image/icon/tg.svg');
}

footer#footer .whatsapp::before{
    background-image: url('../image/icon/wa.svg');
}