.wapp-btn{
  position: fixed;
  right: clamp(14px, 3vw, 24px);
  bottom: calc(clamp(14px, 3vw, 24px) + env(safe-area-inset-bottom));
  width: clamp(52px, 6.5vw, 64px);
  height: clamp(52px, 6.5vw, 64px);
  border-radius: 50%;
  background: #25D366;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  z-index: 2147483647;
  transition: box-shadow .2s ease, transform .2s ease, background .2s ease;
}

.wapp-btn svg{ 
    width: 55%; height: 55%; fill: #fff; 
    
}

.wapp-btn:hover{
  background: #20b958;
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
}

.wapp-btn:active{ 
    transform: translateY(0); 
    
}
@media print{ 
    .wapp-btn{ 
        display:none; 
        
    } 
    
}
@media (prefers-reduced-motion: reduce){ 
    .wapp-btn{ 
        transition:none; 
        
    } 
    
}
.home .wapp-btn{
  bottom: calc(var(--popup-offset, 280px) + env(safe-area-inset-bottom));
}