/* =========================================================
   CSS hasil ekstraksi dari blok <style> #21
   Nama file: 21-footer-btn-toto-2.css
   Atribut asli: id="responsive-layout-fix"
   ========================================================= */

:root {
            --page-max: 1180px;
            --page-gap: 24px;
            --mobile-gap: 14px;
            --fixed-nav-height: 76px;
        }

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        html {
            width: 100%;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        body {
            width: 100%;
            min-width: 0;
            margin: 0;
            overflow-x: hidden;
            padding-bottom: calc(var(--fixed-nav-height) + 18px) !important;
        }

        img,
        video,
        iframe,
        svg {
            max-width: 100%;
        }

        img,
        video {
            height: auto;
        }

        iframe {
            display: block;
            width: 100%;
            border: 0;
        }

        .container {
            width: 100% !important;
            max-width: var(--page-max) !important;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-left: var(--page-gap) !important;
            padding-right: var(--page-gap) !important;
        }

        .row {
            min-width: 0;
        }

        main,
        .main-container,
        .page-content,
        .content {
            min-width: 0;
        }

        table {
            width: 100%;
            max-width: 100%;
            border-collapse: collapse;
        }

        input,
        select,
        textarea,
        button {
            max-width: 100%;
        }

        .footer-fixed-toto {
            min-height: 68px !important;
            justify-content: center !important;
            align-items: stretch !important;
            gap: 8px !important;
            padding: 8px max(12px, calc((100vw - var(--page-max)) / 2)) !important;
            background: rgba(1, 8, 19, .98) !important;
            border-top: 2px solid #8d0000 !important;
            box-shadow: 0 -5px 22px rgba(0, 0, 0, .55) !important;
        }

        .footer-btn-toto {
            flex: 1 1 0 !important;
            max-width: 210px !important;
            min-height: 50px !important;
            padding: 8px 10px !important;
            gap: 5px !important;
            border-radius: 8px !important;
            font-size: 11px !important;
            line-height: 1.15 !important;
            text-align: center !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }

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

        .footertogelPECITOTO {
            display: none !important;
        }

        @media (min-width: 769px) {
            body {
                font-size: 16px;
            }

            .footer-fixed-toto {
                left: 50% !important;
                transform: translateX(-50%) !important;
            }
        }

        @media (max-width: 768px) {
            :root {
                --fixed-nav-height: 66px;
            }

            body {
                font-size: 14px;
                padding-bottom: calc(var(--fixed-nav-height) + 12px) !important;
            }

            .container {
                padding-left: var(--mobile-gap) !important;
                padding-right: var(--mobile-gap) !important;
            }

            .row {
                margin-left: -6px !important;
                margin-right: -6px !important;
            }

            [class*="col-"] {
                min-width: 0;
                padding-left: 6px !important;
                padding-right: 6px !important;
            }

            h1 {
                font-size: clamp(24px, 7vw, 34px);
                line-height: 1.18;
            }

            h2 {
                font-size: clamp(21px, 6vw, 29px);
                line-height: 1.22;
            }

            h3 {
                font-size: clamp(18px, 5vw, 24px);
                line-height: 1.28;
            }

            p,
            li,
            a,
            span {
                overflow-wrap: anywhere;
            }

            .table-responsive,
            .tabs,
            .accordion,
            .search__container {
                max-width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }

            .footer-fixed-toto {
                min-height: 60px !important;
                gap: 3px !important;
                padding: 5px 4px calc(5px + env(safe-area-inset-bottom)) !important;
            }

            .footer-btn-toto {
                max-width: none !important;
                min-height: 50px !important;
                padding: 5px 2px !important;
                gap: 3px !important;
                border-radius: 6px !important;
                font-size: clamp(7.5px, 2.25vw, 9.5px) !important;
                letter-spacing: 0 !important;
                white-space: normal !important;
                word-break: break-word !important;
            }

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

        @media (max-width: 380px) {
            .footer-btn-toto {
                font-size: 7.5px !important;
                padding-left: 1px !important;
                padding-right: 1px !important;
            }

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