.footer-floating-toto {
            position: fixed;
            bottom: 18px;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 1500px;
            display: flex;
            gap: 14px;
            padding: 16px 22px;
            background: rgb(185 187 255 / 65%);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            border: 2px solid rgb(0 0 0 / 50%);
            box-shadow: 0 0 30px rgb(185 187 255 / 60%);
            z-index: 999;
        }

        /* BUTTON BASE (EQUAL SIZE) */
        .footer-btn-toto {
            flex: 1;
            min-width: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 12px 10px;
            font-size: 14px;
            font-weight: bold;
            color: #DCDDFB;
            background: #0E0820;
            border-radius: 32px;
            border: 2px solid #C9CAF2;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 0 14px rgba(185, 187, 255, 0.6);
            animation: floatUpDown 3s ease-in-out infinite;
            text-decoration: none;
            user-select: none;
            white-space: nowrap;
        }

        /* ICON */
        .footer-btn-toto img {
            width: 18px;
            height: 18px;
            flex-shrink: 0;
            filter: drop-shadow(0 0 5px rgb(168 85 247 / 80%));
        }

        /* FLOAT DELAY */
        .footer-btn-toto.login {
            animation-delay: 0.3s;
        }

        .footer-btn-toto.daftar {
            animation-delay: 0.6s;
        }

        .footer-btn-toto.link {
            animation-delay: 0.9s;
        }

        .footer-btn-toto.chat {
            animation-delay: 1.2s;
        }

        /* HOVER GLOW */
        .footer-btn-toto:hover {
            background: #B9BBFF;
            box-shadow:
                0 0 15px #B9BBFF,
                0 0 30px #B9BBFF,
                0 0 50px #A855F7;
            transform: translateY(-6px) scale(1.05);
        }

        /* ACTIVE GOLD */
        .footer-btn-toto:active {
            background: linear-gradient(135deg, #B9BBFF, #B9BBFF);
            color: #ffffff;
            border-color: #CFD0F7;
            box-shadow:
                0 0 18px #CFD0F7,
                0 0 35px #EFEFFC;
        }

        /* FLOAT ANIMATION */
        @keyframes floatUpDown {
            0% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-8px);
            }

            100% {
                transform: translateY(0);
            }
        }

        /* RESPONSIVE */
        @media (max-width: 1024px) {
            .footer-floating-toto {
                flex-wrap: wrap;
            }

            .footer-btn-toto {
                flex: 1 1 calc(50% - 10px);
            }
        }

        @media (max-width: 600px) {
            .footer-btn-toto {
                flex: 1 1 100%;
                font-size: 13px;
                padding: 10px 12px;
            }

            .footer-btn-toto img {
                width: 16px;
                height: 16px;
            }
        }