/* white you custom css code here. only css code will work */
.social-buttons {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            z-index: 10;
        }
        .social-buttons a {
            margin: 5px;
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
            background-color: #333;
            color: #fff;
            border-radius: 50%;
            text-decoration: none;
            transition: transform 0.3s;
        }
        .social-buttons a:hover {
            transform: translateX(-10px);
        }
        .fa-tiktok:before {
            content: "\e07b";
        }
        #facebook {
            background: #3a579a;
        }
        #instagram {
            background: #dd1674;
        }
        
        .floating-buttons, .floating-buttons2 {
            position: fixed;
            bottom: 30px;
            z-index: 10;
        }
        .floating-buttons2{
            right: 50px;
        }
        .floating-buttons{
            left: 50px;
        }
        .floating-buttons a, .floating-buttons2 a {
            margin: 5px;
            padding: 10px 20px;
            font-size: 16px;
            display: flex;
            align-items: center;
            color: #fff;
            border-radius: 40px;
            text-decoration: none;
        }
        .floating-buttons a i, .floating-buttons2 a i {
            margin-right: 10px;
            animation: rotateShake 0.5s infinite;
        }
        @keyframes rotateShake {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(10deg); }
            50% { transform: rotate(-10deg); }
            75% { transform: rotate(10deg); }
        }
        @keyframes fading-border-pulse {
            0% {
                box-shadow: 0 0 0 0 rgb(75 161 255 / 65%);
            }
            70% {
                box-shadow: 0 0 0 18px rgba(0, 123, 255, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
            }
        }
        @keyframes fading-border-pulse2 {
            0% {
                box-shadow: 0 0 0 0 rgb(52 255 148 / 65%);
            }
            70% {
                box-shadow: 0 0 0 18px rgba(0, 123, 255, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
            }
        }
        #call {
            background-color: #1f79f5;
            animation: fading-border-pulse 1.5s infinite;
        }
        #whatsapp {
            background-color: green;
            animation: fading-border-pulse2 1.5s infinite;
        }
        @media only screen and (max-width: 667px) {
            .social-buttons a {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
            .floating-buttons, .floating-buttons2 {
                bottom: 8px;
            }
            .floating-buttons a, .floating-buttons2 a {
                font-size: 13px;
                padding: 5px 10px;
            }
            .floating-buttons2{
                right: 20px;
            }
            .floating-buttons{
                left: 20px;
            }
        }

.rc-anchor-normal .rc-anchor-content{
  display: none !important;
}