.whatsapp-button {
position: fixed;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
background-color: transparent;
} .whatsapp-button.position-left {
left: var(--desktop-side, 20px);
}
.whatsapp-button.position-right {
right: var(--desktop-side, 20px);
}
.whatsapp-button {
bottom: var(--desktop-bottom, 50px);
}
.whatsapp-button img {
display: block;
transition: all 0.3s ease;
width: var(--icon-size, 65px);
height: var(--icon-size, 65px);
max-width: var(--icon-size, 65px);
max-height: var(--icon-size, 65px);
background-color: transparent;
padding: 0;
margin: 0;
border-radius: 0;
box-shadow: none;
}
.whatsapp-button:hover {
transform: scale(1.1);
}
.whatsapp-button:hover img { box-shadow: none;
} @media (max-width: 767px) {
.whatsapp-button {
background-color: transparent;
bottom: var(--mobile-bottom, 20px);
}
.whatsapp-button.position-left {
left: var(--mobile-side, 20px);
}
.whatsapp-button.position-right {
right: var(--mobile-side, 20px);
}
.whatsapp-button img {
width: calc(var(--icon-size, 65px) * 0.85);
height: calc(var(--icon-size, 65px) * 0.85);
max-width: calc(var(--icon-size, 65px) * 0.85);
max-height: calc(var(--icon-size, 65px) * 0.85);
}
}