.an-ask-container{ position:relative; z-index: 9999; }
.an-ask-pill{
  position: fixed;
  bottom: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 9999px;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  font-weight: 600;
  letter-spacing: .2px;
  text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease, opacity .2s;
  opacity: .96;
}
.an-ask-pill.bottom-left{ right:auto; left:18px; }
.an-ask-pill:hover{ transform: translateY(-1px); box-shadow:0 12px 28px rgba(0,0,0,.22); opacity:1; }
.an-ask-icon{ display:inline-flex; width:26px; height:26px; border-radius:9999px; background: rgba(255,255,255,.16); align-items:center; justify-content:center; overflow:hidden; }
.an-ask-label{ white-space: nowrap; }

.an-ask-icon .dots{ display:inline-flex; align-items:center; justify-content:center; gap:3px; }
.an-ask-icon .dots i{ display:inline-block; width:5px; height:5px; border-radius:50%; background:#fff; opacity:.8; animation: an-dots 1.4s infinite ease-in-out; }
.an-ask-icon .dots i:nth-child(2){ animation-delay:.15s; }
.an-ask-icon .dots i:nth-child(3){ animation-delay:.3s; }
@keyframes an-dots{ 0%,80%,100%{ transform:translateY(0); opacity:.6;} 40%{ transform:translateY(-3px); opacity:1;} }

.an-ask-pill.animate{ animation: an-pulse 2.2s infinite; }
@keyframes an-pulse{
  0%{ box-shadow:0 0 0 0 rgba(0,147,69,.45); }
  70%{ box-shadow:0 0 0 12px rgba(0,147,69,0); }
  100%{ box-shadow:0 0 0 0 rgba(0,147,69,0); }
}

@media (prefers-color-scheme: dark){
  .an-ask-pill{ box-shadow: 0 8px 24px rgba(0,0,0,.6); }
}

@media (max-width: 782px){
  .an-ask-container[data-show-mobile="0"] .an-ask-pill{ display:none !important; }
}
@media (min-width: 783px){
  .an-ask-container[data-show-desktop="0"] .an-ask-pill{ display:none !important; }
}