#installPopupMini{

position:fixed;

left:20px;
bottom:20px;

width:150px;

background:rgba(15,15,15,.92);

backdrop-filter:blur(18px);

border:1px solid rgba(216,192,138,.22);

border-radius:24px;

padding:18px 15px;

text-align:center;

z-index:999999;

box-shadow:

0 15px 40px rgba(0,0,0,.35),

0 0 25px rgba(216,192,138,.12);

opacity:0;

transform:translateY(40px);

transition:.35s;

direction:rtl;

}

#installPopupMini.show{

opacity:1;

transform:translateY(0);

}


.mini-close{

position:absolute;

top:8px;

left:8px;

background:none;

border:none;

color:#999;

font-size:15px;

cursor:pointer;

}

.mini-close:hover{

color:#fff;

}


.mini-logo{

cursor:pointer;

margin-top:8px;

}

.mini-logo img{

width:70px;

height:70px;

border-radius:50%;

box-shadow:

0 0 25px rgba(216,192,138,.22);

transition:.3s;

}

.mini-logo img:hover{

transform:scale(1.05);

}


.mini-title{

margin-top:14px;

font-size:18px;

font-weight:800;

color:#fff;

cursor:pointer;

}


.mini-subtitle{

margin-top:7px;

font-size:13px;

color:#cfcfcf;

line-height:1.8;

cursor:pointer;

}



@media(max-width:768px){

#installPopupMini{

width:135px;

left:15px;

bottom:15px;

padding:15px;

}

.mini-logo img{

width:60px;

height:60px;

}

.mini-title{

font-size:16px;

}

}