.aqi-float-sidebar {
position: fixed;
left: 0;
top: 60%;
transform: translateY(-60%);
z-index: 9990;
display: flex;
flex-direction: column;
gap: 2px;
}
.aqi-float-btn {
display: flex;
align-items: center;
gap: 0;
color: #fff !important;
text-decoration: none !important;
padding: 12px 13px;
width: 44px; overflow: hidden;
transition: width 0.3s cubic-bezier(0.22, 1, 0.36, 1),
gap 0.3s ease,
padding 0.3s ease;
white-space: nowrap;
border-radius: 0 6px 6px 0;
box-sizing: border-box;
} .aqi-float-btn:hover {
width: 120px;
padding: 12px 16px;
gap: 10px;
} .aqi-float-btn svg {
flex-shrink: 0;
width: 18px;
height: 18px;
display: block;
} .aqi-float-btn span {
font-family: 'Hanken Grotesk', sans-serif;
font-size: 13px;
font-weight: 600;
color: #fff;
opacity: 0;
transform: translateX(-8px);
transition: opacity 0.2s ease 0.1s,
transform 0.2s ease 0.1s;
letter-spacing: 0.02em;
pointer-events: none;
} .aqi-float-btn:hover span {
opacity: 1;
transform: translateX(0);
} .aqi-float-email          { background: #e53e3e; }
.aqi-float-email:hover    { background: #e53e3e; }
.aqi-float-phone          { background: #3599CB; }
.aqi-float-phone:hover    { background: #2b7ba8; }
.aqi-float-whatsapp       { background: #25d366; }
.aqi-float-whatsapp:hover { background: #1da851; }
.aqi-float-btn:hover {
background: var(--hover-bg) !important;
width: 120px;
padding: 12px 16px;
gap: 10px;
}  @media (min-width: 769px) {
.aqi-float-btn.aqi-hide-desktop {
display: none !important;
}
}
@media (max-width: 768px) {
.aqi-float-btn.aqi-hide-mobile {
display: none !important;
}
}  @media (max-width: 768px) { .aqi-float-sidebar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: auto;
transform: none;
flex-direction: row;
width: 100%;
gap: 0;
z-index: 9990;
display: flex;
} .aqi-float-btn {
flex: 1;
width: auto !important;
justify-content: center;
align-items: center;
gap: 8px;
padding: 13px 8px;
border-radius: 0;
overflow: visible;
white-space: nowrap;
} .aqi-float-btn:hover {
width: auto !important;
padding: 13px 8px;
gap: 8px;
} .aqi-float-btn span {
display: inline-block;
opacity: 1 !important;
transform: none !important;
font-size: 12px;
font-weight: 700;
color: #fff;
transition: none;
} .aqi-float-btn svg {
width: 16px;
height: 16px;
flex-shrink: 0;
} .aqi-float-phone {
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
} body {
padding-bottom: 52px !important;
}
} img, 
.elementor-icon,
.elementor-icon-list-icon{
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
img:hover,
.elementor-icon:hover,
.elementor-icon-list-icon:hover{
transform: translateY(-8px);
} .elementor-element[style*="background-image"] {
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.elementor-element[style*="background-image"]:hover {
transform: translateY(-8px);
}
*[style*="background-image"] {
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
*[style*="background-image"]:hover {
transform: translateY(-8px);
}