.an-wa-container{
  position:fixed;
  z-index:999999;
}
.an-wa-link{
  display:flex; align-items:center; gap:12px;
  background:#25D366; color:#fff; text-decoration:none;
  border-radius:40px; padding:10px 12px; box-shadow:0 4px 12px rgba(0,0,0,.2);
  overflow:hidden; white-space:nowrap; transition:all .3s cubic-bezier(.25,.8,.25,1);
}
.an-wa-icon-wrap{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:50%; }
.an-wa-icon{ width:28px; height:28px; display:block; }
.an-wa-text{ max-width:0; opacity:0; margin-left:0; line-height:1.25;
  transition:max-width .4s ease-in-out, opacity .3s ease-in-out .1s, margin-left .4s ease-in-out;
}
.an-wa-sub{ font-size:13px; font-weight:400; display:block; }
.an-wa-title{ font-size:16px; font-weight:700; display:block; }

.an-wa-link:hover{ padding-right:20px; }
.an-wa-link:hover .an-wa-text{ max-width:160px; opacity:1; margin-left:4px; }

@media (max-width: 640px){
  .an-wa-link:hover .an-wa-text{ max-width:0; opacity:0; margin-left:0; } /* keep compact on phones */
}