* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background-color: #f5f5f5;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        
        @keyframes AnimationName {
            0% { background-position: 0% 82%; }
            50% { background-position: 100% 19%; }
            100% { background-position: 0% 82%; }
        }
        
        .gokil {
            display: block;
            color: white;
            font-size: 1rem;
            font-weight: 400;
            padding: 10px;
            border: none;
            border-radius: 20px;
            text-decoration: none;
            background: linear-gradient(103deg, #0016ff, #1f2566, #ff0000, #e8ff00);
            box-shadow: 0 5px 10px #f5f5f5;
            width: 85%;
            list-style-type: none;
            max-width: 600px;
            margin: 10px auto;  
        }


        .animated {
            animation-duration: 1s;
            animation-iteration-count: infinite;
        }

        @keyframes crot {
            0% { transform: scale(1); }
            30% { transform: scale(1.15); }
            40% { transform: scale(0.95); }
            60% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        .crot {
            animation-name: crot;
        }