.communication-icon {
	visibility: hidden;
  	opacity: 0;
  	transition: opacity 0.5s linear, visibility 0.5s linear;
}
.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s linear;
}
.communication-icon a {
    position: absolute;
    width: 34px;
    margin: auto;
    opacity: 1000;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: 0.3s all ease-in;
}
.communication-icon a svg:hover {
    transform: rotate(360deg);
    transition: 0.5s all ease-in;
}
.communication-widget svg{
	width: 48px;
}
.communication-widget{
    position:fixed; 
    right: 80px;
    bottom: 80px;
    z-index:10001;
}
.communication-widget .st0{
    fill:#9c52db;
}
.com-icon-widget{
    box-shadow: 0 0 0 0 rgba(197, 197, 197, 0.8);
    transform: scale(1);
    animation: pulse 2s infinite;
    border-radius: 100%;
    width:48px;
    height:48px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}
.icon-widget{
    position: absolute;
    width: 48px;
    height: 48px;
    margin: auto;
    opacity: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: 0.3s all ease-in;
}
@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(197, 197, 197, 0.5);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 20px rgba(197, 197, 197, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(197, 197, 197, 0);
    }
}