/* HMA Float Contact CTA | v1.6.19
Update to the latest version 260101 */

.float-contact{
  position:fixed;
  bottom:16px;
  left:16px;
  z-index:99999;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}

.float-contact a{
  position:relative;
  display:inline-block;
  border-radius:40px;
  padding:14px 20px;
  color:#ffffff;
  font-size:18px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  font-family:"Montserrat",sans-serif;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  z-index:1;
  isolation:isolate;
  -webkit-tap-highlight-color:transparent;
}

.float-contact a::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:100px;
  height:100px;
  transform:translate(-50%,-50%) scale(0.3);
  border-radius:50%;
  background-color:currentColor;
  opacity:0.5;
  z-index:-1;
  animation:rippleWave 1s infinite ease-out;
  pointer-events:none;
}

.float-contact a .label,
.float-contact a .label b{color:#ffffff;}

.chat-zalo{background-color:#0088ff;color:#00bfff;}
.whatsapp{background-color:#25d366;color:#2eea7a;}
.hotline{background-color:#e60033;color:#ff0033;}

@keyframes rippleWave{
  0%{transform:translate(-50%,-50%) scale(0.3);opacity:0.5;}
  70%{transform:translate(-50%,-50%) scale(2.2);opacity:0;}
  100%{transform:translate(-50%,-50%) scale(0.3);opacity:0;}
}

.zalo_loading{pointer-events:none;opacity:0.6;}

@media (prefers-reduced-motion: reduce){
  .float-contact a::after{animation:none;opacity:0.18;}
}