.hdagency-contact{
  position:fixed;
  z-index:999999;
  top:var(--hdagency-pc-top,auto);
  right:var(--hdagency-pc-right,24px);
  bottom:var(--hdagency-pc-bottom,80px);
  left:var(--hdagency-pc-left,auto);
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:flex-end;
  pointer-events:none;
  font-family:Arial,Helvetica,sans-serif;
}
.hdagency-contact.hdagency-side-left{align-items:flex-start}
.hdagency-btn{
  position:relative;
  min-height:60px;
  display:flex;
  align-items:center;
  text-decoration:none!important;
  pointer-events:auto;
  isolation:isolate;
}
.hdagency-side-right .hdagency-hotline{flex-direction:row}
.hdagency-side-left .hdagency-hotline{flex-direction:row-reverse}
.hdagency-number{
  height:48px;
  display:flex;
  align-items:center;
  padding:0 34px 0 18px;
  margin-right:-24px;
  border-radius:999px 0 0 999px;
  background:#ff3448;
  color:#fff!important;
  font-size:22px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  z-index:0;
}
.hdagency-side-left .hdagency-number{
  padding:0 18px 0 34px;
  margin-right:0;
  margin-left:-24px;
  border-radius:0 999px 999px 0;
}
.hdagency-icon{
  position:relative;
  width:60px;
  height:60px;
  flex:0 0 60px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  animation:hdagency-shake 3s ease-in-out infinite;
  transform-origin:center;
}
.hdagency-zalo .hdagency-icon{background:#2f8df4}
.hdagency-zalo .hdagency-icon img{width:60px;height:60px;display:block;border-radius:50%;object-fit:cover}
.hdagency-hotline .hdagency-icon{background:#ff4d43}
.hdagency-phone-icon svg{width:31px;height:31px;fill:#fff;display:block}
.hdagency-halo{
  position:absolute;
  width:60px;
  height:60px;
  border-radius:50%;
  right:0;
  top:50%;
  transform:translateY(-50%);
  z-index:1;
  pointer-events:none;
}
.hdagency-side-left .hdagency-halo{right:auto;left:0}
.hdagency-zalo .hdagency-halo{box-shadow:0 0 0 8px rgba(48,145,247,.30)}
.hdagency-hotline .hdagency-halo{box-shadow:0 0 0 8px rgba(255,70,82,.28)}
.hdagency-halo:before,.hdagency-halo:after{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:50%;
  border:2px solid currentColor;
  opacity:.55;
  animation:hdagency-pulse 1.8s ease-out infinite;
}
.hdagency-halo:after{animation-delay:.75s}
.hdagency-zalo .hdagency-halo{color:#2d91fa}
.hdagency-hotline .hdagency-halo{color:#ff4c5b}
@keyframes hdagency-pulse{
  0%{transform:scale(.92);opacity:.58}
  70%,100%{transform:scale(1.34);opacity:0}
}
@keyframes hdagency-shake{
  0%,78%,100%{transform:rotate(0)}
  81%{transform:rotate(-12deg)}
  84%{transform:rotate(12deg)}
  87%{transform:rotate(-9deg)}
  90%{transform:rotate(9deg)}
  93%{transform:rotate(-5deg)}
  96%{transform:rotate(5deg)}
}
.hdagency-btn:hover .hdagency-icon{animation:hdagency-shake .65s ease-in-out infinite}
.hdagency-btn:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:999px}

@media (max-width:767px){
  .hdagency-contact{
    top:var(--hdagency-m-top,auto);
    right:var(--hdagency-m-right,14px);
    bottom:var(--hdagency-m-bottom,24px);
    left:var(--hdagency-m-left,auto);
    gap:14px;
  }
  .hdagency-number{display:none!important}
  .hdagency-btn{min-height:54px;width:54px}
  .hdagency-icon{width:54px;height:54px;flex-basis:54px}
  .hdagency-zalo .hdagency-icon img{width:54px;height:54px}
  .hdagency-halo{width:54px;height:54px}
  .hdagency-phone-icon svg{width:28px;height:28px}
}

@media (prefers-reduced-motion:reduce){
  .hdagency-icon,.hdagency-halo:before,.hdagency-halo:after{animation:none!important}
}