/* =========================================================
   CSS hasil ekstraksi dari blok <style> #20
   Nama file: 20-footer-btn-toto.css
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800;900&display=swap');

        .footer-fixed-toto {
            position: fixed !important;
            bottom: 0 !important;
            left: 0 !important;
            width: 100% !important;
            display: flex !important;
            gap: 6px !important;
            padding: 8px 10px !important;
            background: #010813 !important;
            border-top: 2px solid #5b0000 !important;
            box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.8) !important;
            z-index: 9999 !important;
            box-sizing: border-box !important;
        }

        .footer-btn-toto {
            flex: 1 !important;
            min-width: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 4px !important;
            padding: 8px 2px !important;
            font-family: 'Poppins', sans-serif !important;
            font-weight: 900 !important;
            font-size: 11px !important;
            text-transform: uppercase !important;
            letter-spacing: 0.3px !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            box-sizing: border-box !important;

            color: #010c1e !important;
            background: linear-gradient(180deg, #5b0000 0%, #ff0000 50%, #5b0000 100%) !important;
            border-radius: 6px !important;
            border: 1px solid #5b0000 !important;

            transform: none !important;
            transition: none !important;
        }

        .footer-btn-toto img {
            width: 16px !important;
            height: 16px !important;
            flex-shrink: 0 !important;
            filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.6)) !important;
            object-fit: contain !important;
        }

        .footer-btn-toto:hover {
            background: linear-gradient(180deg, #5b0000 0%, #ff0000 50%, #5b0000 100%) !important;
            color: #010c1e !important;
            transform: none !important;
        }

        .footer-btn-toto:hover img {
            filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.6)) !important;
        }

        @media (max-width: 768px) {
            .footer-fixed-toto {
                padding: 6px 6px !important;
                gap: 4px !important;
            }

            .footer-btn-toto {
                padding: 6px 1px !important;
                font-size: 9.5px !important;
                letter-spacing: 0px !important;
            }

            .footer-btn-toto img {
                width: 14px !important;
                height: 14px !important;
            }
        }