.ccb-bottom {
    bottom:0;
}
.ccb-top {
    top:0;
}
.ccb-right{
    right:0;
}
.ccb-left{
    left:0;
}

.custom-contact-button-container{
    position: fixed;
    /* padding: 1rem; */
    z-index: 5;
    flex-direction: row;
    display:none;
    opacity:0;
    transition-behavior: allow-discrete;
    transition: opacity 300ms ease-in-out, display 300ms ease-in-out, transform 250ms ease-in-out;

}

.custom-contact-button-container.hidden{
    transform: translateY(-50%);
    opacity: 0 !important;

}

.instagram-contact-button-container,
.messenger-contact-button-container {
    width: 2rem;
    height:2rem;
}

.instagram-contact-button-container{
    background-color: #FF0069;
}

.messenger-contact-button-container{
    background-color: rgb(76, 173, 211);
    background-color: #4cadd3;
}
.instagram-icon,
.messenger-icon {
    width: 100%;
    height: 100%;
}
.instagram-icon > img,
.messenger-icon > img{
    fill: blue;
    width: 100%;
    height: 100%;
}
.instagram-icon > svg, 
.messenger-icon > svg{
    fill: white;
    width: 100%;
}