.contact-us-popup {
    z-index: 4;
position: fixed;
bottom: 20px;
width: fit-content;
height: fit-content;

display: flex;

align-items: center;

}

.contact-us-popup a {
    color: white;
    text-decoration: none;
    font-size: 1.6rem;



-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}


.contact-us-popup .share-button.main {
background-color: #000;
}


.contact-us-popup .share-button.main .share
{
    color: #ffffff;

    
 -ms-transform: rotate(0) scale(1);    
-moz-transform: rotate(0) scale(1);
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
display: block;


}



.contact-us-popup .share-button.main.open .share {
    -moz-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);  
   -webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);


}

.contact-us-popup .share-button,
.contact-us-popup .share-button.open {
position: relative;
opacity: 1;

display: flex;
justify-content: center;
align-items: center;

border: none;
border-radius: 50%;

background-color: #964ad9;
color: #ffffff;

margin: 0.5rem;

box-sizing: content-box;


-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
width: 50px;
height: 50px;


-moz-transition-delay: 0;
-ms-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;

}



.contact-us-popup .share-button.main:hover{ 
    -moz-transform: perspective(100px) scale(1.2);
    -ms-transform: perspective(100px) scale(1.2);
    -webkit-transform: perspective(100px) scale(1.2);
    transform:perspective(100px)  scale(1.2);}
    
.contact-us-popup .share-button.main.open:hover{ 

-moz-transform: perspective(100px) scale(1);
-ms-transform: perspective(100px) scale(1);
-webkit-transform: perspective(100px) scale(1);
    transform:perspective(100px)  scale(1);}

.contact-us-popup .share-button.child.open:hover {
position: relative;


-moz-transform: perspective(100px) scale(1.2);
-ms-transform: perspective(100px) scale(1.2);
-webkit-transform: perspective(100px) scale(1.2);
transform:perspective(100px)  scale(1.2);


background-color: #000;
color: #fff;

}




.contact-us-popup .child {
width: 0;
height: 0;
overflow: hidden;
padding: 0;
margin: 0;
opacity: 0;
-moz-transform: perspective(100px) scale(1);
-ms-transform: perspective(100px) scale(1);
-webkit-transform: perspective(100px) scale(1);
transform:perspective(100px)  scale(1);
}