.floating-button {
position: fixed;
width: 63px;
height: 63px;
border-radius: 50%;
background: #038a41;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
cursor: pointer;
z-index: 998;
transition: all 0.3s ease;
}
.floating-button img {
width: 30px;
height: 30px;
filter: brightness(0) invert(1);
transition: all 0.3s ease;
}
.floating-button:hover {
transform: scale(1.1);
} @keyframes shake {
0%, 50%, 100% {
transform: rotate(0deg);
}
10%, 30% {
transform: rotate(-10deg);
}
20%, 40% {
transform: rotate(10deg);
}
}
.floating-button.shake {
animation: 1.2s ease-in-out 0s normal none infinite running shake;
} .social-menu {
position: fixed;
right: 20px;
bottom: 115px;
display: flex;
flex-direction: column;
gap: 15px;
opacity: 0;
transform: translateY(20px);
transition: all 0.3s ease;
pointer-events: none;
z-index: 998;
}
.social-menu.visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.social-button {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease;
}
.social-button:hover {
transform: scale(1.1);
cursor: pointer;
}
.social-button img {
width: 25px;
height: 25px;
transition: transform 0.15s ease;
} .call-button {
background: #038a41;
}
.call-button img, .max-button img, .whatsapp-button img {
filter: brightness(0) invert(1);
}
.max-button {
background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
} .max-messenger-icon {
background-image: linear-gradient(71deg, #3ab6fc -8%, #7129de 100%);
}
.telegram-button {
background: #039be5;
}
.vk-button {
background: #4d76a1;
}
.whatsapp-button {
background: #25D366;
}
.elementor-html #mainButton {
animation: none !important;
} @media (min-width: 1024px) {
.floating-button {
right: 40px;
bottom: 40px;
}
.social-menu {
right: 40px;
bottom: 120px;
}
.callButtonPC {
right: 75px;
}
.callButtonMobile {
display: none;
visibility: hidden;
}
} @media (max-width: 768px) {
.floating-button {
left: 20px;
bottom: 20px;
}
.callButtonPC {
display: none;
visibility: hidden;
}
.social-menu {
left: 20px;
bottom: 100px;
}
}