.dpwhats-float {
position: fixed;
margin-bottom: 35px; right: 25px;
z-index: 999999;
}
.dpwhats-button {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 20px;
background-color: #25d366;
border-radius: 50px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
transition: all 0.3s ease;
animation: dpwhats-pulse 1.5s infinite;
text-decoration: none;
color: white;
min-height: 60px;
}
.dpwhats-button:hover {
transform: scale(1.05);
background-color: #22c15e;
}
.dpwhats-icon {
width: 35px;
height: 35px;
margin-right: 10px;
color: white;
flex-shrink: 0;
}
.dpwhats-text {
color: white;
font-size: 16px;
font-weight: 500;
white-space: nowrap;
}
@keyframes dpwhats-pulse {
0% {
transform: scale(1);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
70% {
transform: scale(1.05);
box-shadow: 0 0 0 16px rgba(37,211,102,0);
}
100% {
transform: scale(1);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
} @media (max-width: 768px) {
.dpwhats-float {
bottom: 75px; right: 20px;
}
.dpwhats-button {
width: 60px;
height: 60px;
padding: 0;
min-height: auto;
}
.dpwhats-icon {
width: 30px;
height: 30px;
margin-right: 0;
}
.dpwhats-text {
display: none;
}
} @media (max-width: 480px) {
.dpwhats-float {
bottom: 75px; right: 15px;
}
.dpwhats-button {
width: 50px;
height: 50px;
}
.dpwhats-icon {
width: 25px;
height: 25px;
}
} @media (min-width: 1200px) {
.dpwhats-float {
bottom: 75px; }
.dpwhats-button {
padding: 12px 25px;
}
.dpwhats-icon {
width: 40px;
height: 40px;
}
.dpwhats-text {
font-size: 18px;
}
}