.mwa{
position:fixed;
right:25px;
bottom:95px;
z-index:999999;
font-family:Arial;
}

.mwa a{

display:flex;
align-items:center;
gap:12px;

padding:14px 18px;

background:#25D366;
color:#fff;

text-decoration:none;

border-radius:60px;

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

transition:.3s;

}

.mwa a:hover{

transform:translateY(-4px);

}

.mwa svg{

width:34px;
height:34px;
fill:#fff;

}

.mwa span{

display:flex;
flex-direction:column;

}

.mwa strong{

font-size:16px;

}

.mwa small{

font-size:12px;

}

.mwa-tooltip{

position:absolute;

bottom:75px;
right:0;

background:#fff;

padding:10px 15px;

border-radius:10px;

box-shadow:0 5px 20px rgba(0,0,0,.15);

animation:sumir 7s forwards;

}

@keyframes sumir{

80%{opacity:1;}

100%{opacity:0;visibility:hidden;}

}

.mwa::before{

content:"";

position:absolute;

inset:0;

border-radius:60px;

background:#25D366;

animation:pulse 2s infinite;

z-index:-1;

}

@keyframes pulse{

0%{transform:scale(1);opacity:.6;}

70%{transform:scale(1.3);opacity:0;}

100%{opacity:0;}

}

@media(max-width:768px){

.mwa span,
.mwa-tooltip{

display:none;

}

.mwa a{

padding:15px;
border-radius:50%;

}

}