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

            }

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

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


            .whatsapp-button {
                background: #25d366;
                /*цвет кнопки*/
                right: 10px;
                top: 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);
}
}