@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

 .site-footer {
     display:none;
            padding-bottom: 50px;
        }
        
        .btn-container {
            gap: 15px;
            display: flex;
            align-items: center;
        }
        
    .login-container { max-width: 400px; margin: auto; }
 .glow-button {
            display: block;
            height: 60px;
            max-width: 230px;
            position: relative;
            width: 100%;
            cursor: pointer;
        }

        .effect-layer {
            border-radius: 102px;
            contain: paint;
            height: 100%;
            position: absolute;
            width: 100%;
        }

       .gradient-layer {
    background: conic-gradient(
        transparent 10deg,
        #00ff7b 40deg,      
        #34a853 65deg,      
        #9cff2e 90deg,      
        rgba(0, 255, 123, 0.5) 150deg, 
        transparent 200deg
    );
    filter: blur(8px);
    height: 200px;
    inset: 0;
    position: absolute;
    scale: 4 0.8;
    translate: 0 -70px;
    opacity: 0; 
    transition: opacity 0.5s cubic-bezier(0.2, 0, 0, 1);
}
        
        .mask-window {
            border-radius: 100px;
            inset: 2px;
            overflow: hidden;
            position: absolute;
        }

        .mask-window::before {
            background: #1f1f1f;
            border-radius: inherit;
            content: "";
            inset: 0;
            position: absolute;
        }
        
        .content-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            gap: 8px; 
            position: relative;
            z-index: 1;
            font-family: "Montserrat", sans-serif;
        }
        
         .developed-by {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            font-family: "Montserrat", sans-serif;
            margin-top: 30px;
           }
        
        .content-wrapper svg {
            width: 35px;
            height: 35px;
            fill: #80EF80; 
        }
        
        .content-text {
            color: #fff;
            font-size: 14px;
            font-weight: 500;
                        font-family: "Montserrat", sans-serif;

        }
        
          .content-text-2 {
            color: #fff;
            font-size: 10px;
            font-weight: 500;
                        font-family: "Montserrat", sans-serif;

        }

        .glow-button.intro-active .gradient-layer {
            opacity: 1;
            animation:
                rotate-effect-intro 8s cubic-bezier(0.2, 0, 0, 1) forwards,
                fade-out-effect 1s cubic-bezier(0.4, 0, 0.2, 1) 4s forwards;
        }
        .glow-button.intro-active .mask-window::before {
             animation: change-bg-effect 1s cubic-bezier(0.4, 0, 0.2, 1) 4s forwards;
        }
        
        .glow-button:hover .gradient-layer {
            opacity: 1;
            animation: rotate-effect-loop 8s linear infinite;
        }
        .glow-button:hover .mask-window::before {
            animation: none; 
            transition: background-color 0.5s ease;
        }

        @keyframes rotate-effect-intro {
            from { transform: rotate(135deg); }
            to { transform: rotate(565deg); }
        }

        @keyframes rotate-effect-loop {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        @keyframes fade-out-effect {
            from { opacity: 1; }
            to { opacity: 0; }
        }
        @keyframes change-bg-effect {
            from { background: #1f1f1f; }
            to { background: #1f1f1f; }
        }
        
        @media (max-width: 600px) {
            
            .site-footer {
                display: block;
            }
            .btn-container {
                justify-content: space-around;
                flex-wrap: wrap;
            }
        }