/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 02 2021 | 08:07:58 */
/* Настройка join.chat */
.joinchat__box__scroll {
 background-color: rgb(230, 221, 212);
 background-image: url(https://cdn.join.chat/app/uploads/2020/05/whatsapp-bg.png);
}
.joinchat__header {
 background: #128C7E;
}

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

.joinchat__button:before {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden; 
}
.joinchat__button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden; 
}
 
.joinchat__button:after{
    animation-delay: .5s;
}
 
@keyframes animate
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }
}