.contact-button-block { z-index: 1038; right: 2rem; bottom: 2.5rem; width: 80px; height: 80px; }	

.button_bottom_space {	bottom: 6rem!important; }

.contact-options {
	
	display: none;
	position: fixed!important;
	bottom: 150px;
	right: 35px;
	z-index: 1000000;
	width:max-content;
	background: #342f2f;
    padding: 5px 5px 0px 5px;
    border-radius: 8px;
	
}

.options_bottom_space {	bottom: 200px!important; }

.contact-options button { margin-bottom: 10px; }

#contact-button { width: 80px; height: 80px; transition: all 0.3s; }

.waves {

	cursor:pointer;
	-webkit-animation:hoverWave linear 1s infinite;
	animation:hoverWave linear 1s infinite;
	
}

.shake svg {
	
		animation: 1200ms ease 0s normal none 1 running shake;
		animation-iteration-count: infinite;
		-webkit-animation: 1200ms ease 0s normal none 1 running shake;
		-webkit-animation-iteration-count: infinite;
		
}

/* Анимация при наведении */
@-webkit-keyframes hoverWave {
	0% {
		box-shadow: 0 8px 10px var(--button-color-dark), 0 0 0 0 var(--button-color-light), 0 0 0 0 var(--button-color-light);
	}
	40% {
		box-shadow: 0 8px 10px var(--button-color-dark), 0 0 0 15px var(--button-color-light), 0 0 0 0 var(--button-color-light);
	}
	80% {
		box-shadow: 0 8px 10px var(--button-color-dark), 0 0 0 30px var(--button-color-transparent), 0 0 0 27px var(--button-color-extra-light);
	}
	100% {
		box-shadow: 0 8px 10px var(--button-color-dark), 0 0 0 30px var(--button-color-transparent), 0 0 0 40px var(--button-color-transparent);
	}
}

@keyframes hoverWave {
	0% {
		box-shadow: 0 8px 10px var(--button-color-dark), 0 0 0 0 var(--button-color-light), 0 0 0 0 var(--button-color-light);
	}
	40% {
		box-shadow: 0 8px 10px var(--button-color-dark), 0 0 0 15px var(--button-color-light), 0 0 0 0 var(--button-color-light);
	}
	80% {
		box-shadow: 0 8px 10px var(--button-color-dark), 0 0 0 30px var(--button-color-transparent), 0 0 0 27px var(--button-color-extra-light);
	}
	100% {
		box-shadow: 0 8px 10px var(--button-color-dark), 0 0 0 30px var(--button-color-transparent), 0 0 0 40px var(--button-color-transparent);
	}
}

/* animations icon */

@keyframes shake {
0% {
	transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
}
10% {
	transform: rotateZ(-30deg);
		-ms-transform: rotateZ(-30deg);
		-webkit-transform: rotateZ(-30deg);
}
20% {
	transform: rotateZ(15deg);
		-ms-transform: rotateZ(15deg);
		-webkit-transform: rotateZ(15deg);
}
30% {
	transform: rotateZ(-10deg);
		-ms-transform: rotateZ(-10deg);
		-webkit-transform: rotateZ(-10deg);
}
40% {
	transform: rotateZ(7.5deg);
		-ms-transform: rotateZ(7.5deg);
		-webkit-transform: rotateZ(7.5deg);
}
50% {
	transform: rotateZ(-6deg);
		-ms-transform: rotateZ(-6deg);
		-webkit-transform: rotateZ(-6deg);
}
60% {
	transform: rotateZ(5deg);
		-ms-transform: rotateZ(5deg);
		-webkit-transform: rotateZ(5deg);
}
70% {
	transform: rotateZ(-4.28571deg);
		-ms-transform: rotateZ(-4.28571deg);
		-webkit-transform: rotateZ(-4.28571deg);
}
80% {
	transform: rotateZ(3.75deg);
		-ms-transform: rotateZ(3.75deg);
		-webkit-transform: rotateZ(3.75deg);
}
90% {
	transform: rotateZ(-3.33333deg);
		-ms-transform: rotateZ(-3.33333deg);
		-webkit-transform: rotateZ(-3.33333deg);
}
100% {
	transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
	transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
}
10% {
	transform: rotateZ(-30deg);
		-ms-transform: rotateZ(-30deg);
		-webkit-transform: rotateZ(-30deg);
}
20% {
	transform: rotateZ(15deg);
		-ms-transform: rotateZ(15deg);
		-webkit-transform: rotateZ(15deg);
}
30% {
	transform: rotateZ(-10deg);
		-ms-transform: rotateZ(-10deg);
		-webkit-transform: rotateZ(-10deg);
}
40% {
	transform: rotateZ(7.5deg);
		-ms-transform: rotateZ(7.5deg);
		-webkit-transform: rotateZ(7.5deg);
}
50% {
	transform: rotateZ(-6deg);
		-ms-transform: rotateZ(-6deg);
		-webkit-transform: rotateZ(-6deg);
}
60% {
	transform: rotateZ(5deg);
		-ms-transform: rotateZ(5deg);
		-webkit-transform: rotateZ(5deg);
}
70% {
	transform: rotateZ(-4.28571deg);
		-ms-transform: rotateZ(-4.28571deg);
		-webkit-transform: rotateZ(-4.28571deg);
}
80% {
	transform: rotateZ(3.75deg);
		-ms-transform: rotateZ(3.75deg);
		-webkit-transform: rotateZ(3.75deg);
}
90% {
	transform: rotateZ(-3.33333deg);
		-ms-transform: rotateZ(-3.33333deg);
		-webkit-transform: rotateZ(-3.33333deg);
}
100% {
	transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
}
}

/* blinking icon */
.blink svg {
	
		-webkit-animation: blink 3s infinite;
		animation: blink 3s infinite;
		
}

@keyframes blink {
	
	0% { opacity: 0; }
	40% { opacity: 1; }
	80% { opacity: 1; }
	100% { opacity: 0; }
	
}	

@-webkit-keyframes blink {
	
	0% { opacity: 0; }
	40% { opacity: 1; }
	80% { opacity: 1; }
	100% { opacity: 0; }
	
}

.phones-class, .phones-class:hover { background: #272727; color:#fff; }
.emails-class, .emails-class:hover { background: #272727; color:#fff; }
.telegram-class, .telegram-class:hover { background: #27a7e7; color:#fff; }
.whatsapp-class, .whatsapp-class:hover { background: #24cc63; color:#fff; }
.viber-class, .viber-class:hover { background: #794e99; color:#fff; }
.messenger-class, .messenger-class:hover { background: #009ef7; color:#fff; }

.phones-class a { color:#fff!important; }
.emails-class a { color:#fff!important; }
.telegram-class a { color:#fff!important; }
.whatsapp-class a { color:#fff!important; }
.viber-class a { color:#fff!important; }
.messenger-class a { color:#fff!important; }