.rasid-whatsapp-float{
  position:fixed;
  inset-inline-end:max(18px, env(safe-area-inset-right));
  bottom:max(18px, env(safe-area-inset-bottom));
  z-index:1200;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#25d366;
  border:2px solid rgba(255,255,255,.92);
  border-radius:999px;
  box-shadow:0 14px 32px rgba(7,27,51,.28),0 6px 18px rgba(37,211,102,.28);
  text-decoration:none;
  isolation:isolate;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.rasid-whatsapp-float::before{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:-1;
  border:1px solid rgba(37,211,102,.32);
  border-radius:inherit;
  animation:rasidWhatsappPulse 2.6s ease-out infinite;
}
.rasid-whatsapp-float svg{width:31px;height:31px;display:block}
.rasid-whatsapp-float span{
  position:absolute;
  inset-inline-end:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%);
  min-width:max-content;
  padding:8px 11px;
  color:#fff;
  background:#071b33;
  border-radius:9px;
  font-family:"Tajawal",system-ui,sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:1;
  box-shadow:0 8px 22px rgba(7,27,51,.2);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease;
}
.rasid-whatsapp-float:hover,
.rasid-whatsapp-float:focus-visible{
  color:#fff;
  background:#20bd5a;
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 18px 36px rgba(7,27,51,.34),0 8px 22px rgba(37,211,102,.34);
  outline:none;
}
.rasid-whatsapp-float:hover span,
.rasid-whatsapp-float:focus-visible span{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) translateX(0);
}
@keyframes rasidWhatsappPulse{
  0%{transform:scale(.86);opacity:.78}
  75%,100%{transform:scale(1.28);opacity:0}
}
@media (max-width:640px){
  .rasid-whatsapp-float{
    width:54px;
    height:54px;
    inset-inline-end:max(14px, env(safe-area-inset-right));
    bottom:max(14px, env(safe-area-inset-bottom));
  }
  .rasid-whatsapp-float svg{width:29px;height:29px}
  .rasid-whatsapp-float span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .rasid-whatsapp-float,.rasid-whatsapp-float span{transition:none}
  .rasid-whatsapp-float::before{animation:none;display:none}
}