i.fa {
    margin-top: 9px;
    /* font-family: "Font Awesome 5 Brands" ; */
    font-weight: 400;

}

.telegram-button {
    background: #0088cc;
    /*цвет кнопки*/
    right: 10px;
    bottom: 120px;
}

.telegram-button:before,
.telegram-button:after {
    border: 1px solid #0088cc;
    /*цвет анимированных волн от кнопки*/
}


.whatsapp-button {
    background: #25d366;
    /*цвет кнопки*/
    right: 10px;
    bottom: 190px;
}

.whatsapp-button:before,
.whatsapp-button:after {
    border: 1px solid #25d366;
    /*цвет анимированных волн от кнопки*/
}

.soc_btn {
    position: fixed;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 55px;
    /*ширина кнопки*/
    height: 55px;
    /*высота кнопки*/
    color: #fff;
    text-align: center;
    line-height: 53px;
    /*центровка иконки в кнопке*/
    font-size: 35px;
    /*размер иконки*/
    z-index: 9999999;
}

.soc_btn a {
    color: #fff;
}

.soc_btn:before,
.soc_btn:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

.soc_btn:after {
    animation-delay: .5s;
}

@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@media (max-width: 880px) {
    .telegram-button {
        top: unset;
        bottom: 183px;
        right: 24px;
        transform: scale(1.2);
    }

    .whatsapp-button {
        top: unset;
        bottom: 103px;
        right: 24px;
        transform: scale(1.2);
    }
}