/* =========================================================
   CSS hasil ekstraksi dari blok <style> #4
   Nama file: 04-m-btn.css
   ========================================================= */

/* 1. ANIMATION MATRIX */
        @keyframes blinkGold {

            0%,
            100% {
                opacity: 1;
                filter: brightness(1);
            }

            50% {
                opacity: 0.8;
                filter: brightness(1.4);
            }
        }

        @keyframes floatParticles {
            0% {
                transform: translateY(0);
            }

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

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

        /* 2. CONTAINER TOMBOL - Dibuat lebih solid */
        .clkButton {
            display: flex !important;
            width: 100% !important;
            max-width: 1200px !important;
            margin: 30px auto !important;
            background: #010813 !important;
            border: 2px solid #000000 !important;
            border-radius: 14px !important;
            overflow: hidden !important;
            box-shadow: 0 0 20px rgba(212, 175, 55, 0.3) !important;
        }

        /* 3. TOMBOL BLING-BLING */
        .m-btn {
            flex: 1 !important;
            padding: 22px 10px !important;
            text-align: center !important;
            text-decoration: none !important;
            color: #000 !important;
            font-family: 'Montserrat', sans-serif !important;
            font-weight: 900 !important;
            font-size: 19px !important;
            text-transform: uppercase !important;
            letter-spacing: 2px !important;

            /* Gradasi Emas Cair 3D */
            background: linear-gradient(135deg, #ffffff 0%, #5b0000 50%, #b80b0b 100%) !important;
            position: relative !important;
            border-right: 1px solid rgba(0, 0, 0, 0.1) !important;

            /* Animasi Utama: Bling-Bling Pulse */
            animation: blinkGold 2s ease-in-out infinite !important;
            transition: all 0.3s ease !important;
            cursor: pointer !important;
        }

        /* 4. EFEK CAHAYA KRISTAL (Sapuan Laser) */
        .m-btn::before {
            content: "" !important;
            position: absolute !important;
            top: 0 !important;
            left: -100% !important;
            width: 50% !important;
            height: 100% !important;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent) !important;
            transform: skewX(-25deg) !important;
            animation: lightningSwipe 2.5s infinite linear !important;
        }

        /* 5. EFEK "FLOAT" UNTUK TEKS */
        .m-btn span {
            display: inline-block !important;
            animation: floatParticles 2s ease-in-out infinite !important;
            text-shadow: 0 2px 4px rgba(255, 255, 255, 0.5) !important;
        }

        /* Keyframe Sapuan Laser */
        @keyframes lightningSwipe {
            0% {
                left: -100%;
            }

            100% {
                left: 200%;
            }
        }

        /* MOBILE OPTIMIZATION */
        @media (max-width: 768px) {
            .m-btn {
                font-size: 15px !important;
                padding: 18px 5px !important;
            }
        }