.wa-fab{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: #25D366;    
  color: #fff;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  transition: transform .15s ease, box-shadow .15s ease, opacity .2s ease;
  opacity: .98;
}
.wa-fab:hover{ transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0,0,0,.22); color:#fff; }
.wa-icon{ width: 22px; height: 22px; flex: 0 0 22px; }
.wa-label{ font-weight: 600; font-size: 14px; line-height: 1; }


@media (max-width: 576px){
  .wa-fab{ padding: 14px; border-radius: 50%; }
  .wa-label{ display:none; }
}


.wa-fab::after{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  box-shadow: 0 0 0 0 rgba(37,211,102,.4);
  animation: wa-pulse 2s infinite;
}
@keyframes wa-pulse{
  0%{ box-shadow: 0 0 0 0 rgba(37,211,102,.4); }
  70%{ box-shadow: 0 0 0 16px rgba(37,211,102,0); }
  100%{ box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

/* Eğer başka bir ‘scroll-to-top’ butonunuz varsa çakışmayı önlemek için: */
 .wa-fab{ bottom: 78px; }