.sticky-contact-bar {
position: fixed;
right: 0px;
top: calc( 50% - 75px );
display: flex;
flex-direction: column;
align-items: center; gap: 0px; z-index: 1000;
opacity: 0;
transform: translateY(-50%);
transition: opacity 0.4s ease, transform 0.4s ease;
}
.sticky-button {
width: 75px;
height: 75px;
background-color: #0073aa;
color: white;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0%;
text-decoration: none;
border: solid 1px #fff;
transition: transform 0.2s, background-color 0.2s;
}
.sticky-button:hover {
transform: scale(1.1);
background-color: #005580;
color: #fff;
} @media (max-width: 768px) {
.sticky-contact-bar {
right: auto;
left: 0%;
bottom: 0px;
top: unset;
transform: translateX(-50%) translateY(20px);
flex-direction: row;
gap: 0px;
}
.sticky-button {
width: 60px;
height: 60px;
}
}