/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 16 2025 | 11:16:01 */
/* Ваши оригинальные стили без изменений */
        .whatsapp-button {
            position: fixed;
            right: 15px;
            bottom: 15px;
            transform: translate(-50%, -50%);
            background: #25D366;
            border-radius: 50%;
            width: 55px;
            height: 55px;
            color: #fff;
            text-align: center;
            line-height: 57px;
            font-size: 35px;
            z-index: 9999;
/* Добавляем плавность появления */
            opacity: 0;
            transform: translate(-50%, -50%) scale(0.8);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
        }

        .whatsapp-button.visible {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }

        .whatsapp-button a {
            color: #fff;
        }

        .whatsapp-button:before,
        .whatsapp-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; 
        }
        
        .whatsapp-button:after {
            animation-delay: .5s;
        }
        
        @keyframes animate {
            0% {
                transform: scale(0.5);
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
            100% {
                transform: scale(1.2);
                opacity: 0;
            }
        }