.social-container {

            position: fixed;

            bottom: 20px;

            left: 20px;

            width: 60px;

            height: 60px;

            cursor: pointer;

            z-index: 9999;



        }



        .social-item {

            position: absolute;

            left: 0;

            width: 50px;

            height: 50px;

            border-radius: 50%;

            background: transparent;

            border: 2px solid #000;

            display: flex;

            align-items: center;

            justify-content: center;

            transition: all 0.4s ease;

            backdrop-filter: blur(4px);

        }



        .social-item i {

            font-size: 20px;

            backdrop-filter: blur(4px) !important;

        }



        .gmail { color: #d93025; }

        .facebook { color: #1877f2; }

        .instagram { color: #e1306c; }



        .bubble {

            position: absolute;

            left: 65px;

            padding: 6px 14px;

            border: 2px solid #000;

            border-radius: 20px;

            background: transparent;;

            font-size: 13px;

            white-space: nowrap;

            opacity: 0;

            transition: opacity 0.3s ease;
            
            backdrop-filter: blur(4px) !important;

            
        }



        /* Egymáson eltolva */

        .social-item:nth-child(1) { transform: translate(0, 0); z-index: 3; }

        .social-item:nth-child(2) { transform: translate(5px, 5px); z-index: 2; }

        .social-item:nth-child(3) { transform: translate(10px, 10px); z-index: 1; }



        /* Kinyitva */

        .social-container.active .social-item:nth-child(1) {

            transform: translate(0, -140px);

        }

        .social-container.active .social-item:nth-child(2) {

            transform: translate(0, -80px);

        }

        .social-container.active .social-item:nth-child(3) {

            transform: translate(0, -20px);

        }



        .social-container.active .bubble {

            opacity: 1;

        }

        