.popup{
            position: fixed;
            bottom: 20px;
            right: 30px;
            padding: 16px 25px;
            border-radius: 14px;
            color: white;
            font-size: 18px;
            font-weight: 600;
            z-index: 999;
            transform: translateX(400px);
            transition: .4s;
        }
        
        .popup.show{
            transform: translateX(0);
        }

        .offline {
            background-color: #ef4444;
            box-shadow: 0 10px 30px #ef44444d;
        }

        .online {
            background-color: #00ff26;
            box-shadow: 0 10px 30px #186b054d;
        }