/* TELEGRAM FLOAT */

.tg-float{

    position:fixed;

    right:18px;

    bottom:18px;

    z-index:99999;

    width:260px;

    display:flex;

    align-items:center;

    gap:14px;

    padding:16px;

    border-radius:18px;

    text-decoration:none;

    background:
    linear-gradient(
    180deg,
    rgba(15,25,45,.92),
    rgba(8,15,28,.96));

    border:1px solid rgba(120,190,255,.10);

    backdrop-filter:blur(14px);

    box-shadow:
    0 0 25px rgba(0,0,0,.35);

    animation:tgFloat 3s ease-in-out infinite;

    transition:.25s;
}

.tg-float:hover{

    transform:scale(1.03);

    border-color:
    rgba(120,190,255,.22);
}

/* ICON */

.tg-icon{

    width:54px;
    height:54px;

    min-width:54px;

    border-radius:16px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:28px;

    background:
    linear-gradient(180deg,#4ea8ff,#2b70d8);

    box-shadow:
    0 0 18px rgba(78,168,255,.25);
}

/* TEXT */

.tg-title{

    color:#ffffff;

    font-size:16px;

    font-weight:700;

    margin-bottom:5px;
}

.tg-desc{

    color:#bddbff;

    font-size:13px;

    line-height:1.5;
}

/* FLOAT ANIMATION */

@keyframes tgFloat{

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

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

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

/* MOBILE */

@media(max-width:900px){

    .tg-float{

        width:220px;

        right:10px;

        bottom:10px;

        padding:12px;
    }

    .tg-icon{

        width:46px;
        height:46px;

        min-width:46px;

        font-size:22px;
    }

    .tg-title{

        font-size:14px;
    }

    .tg-desc{

        font-size:12px;
    }
}