.text {
 opacity: 0;
 transition: all ease 0.8s; 
  } 
  
.text:hover {
opacity: 1;
}
.colour {
text-align: right; 
color: #ffb300;
font-size:20px;
 
}
.colour:hover {
color: #a1a7ad;
}

.callback {
	bottom: 26px; /*или top:50px; позиции сверху*/
	position: fixed;
	right: 25px; /*или left:50px; позиции слева*/
	width: auto !important;
	z-index: 100;
}

.callback .ba-button-wrapper a:after, 
.callback .ba-button-wrapper a:before {
	background: inherit;
	border-radius: inherit;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

@-webkit-keyframes pulse {
	to { opacity: 0; transform: scale(1.8);}
}

@keyframes pulse {
	to { opacity: 0; transform: scale(1.8);}
}

.callback .ba-button-wrapper a:after {
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	opacity: .3;
}

.callback .ba-button-wrapper a:before {
	-webkit-animation: pulse 1.25s  .3s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s .3s infinite cubic-bezier(0.66, 0, 0, 1);
	opacity: .6;
}



.zmdi-chevron-down {
opacity: 0;
}