/* мигающая кнопка */

.wa-mcall-wrapper{scale: 0.9}

.wa-mcall-wrapper {position: fixed;top: 92%;left: 97%;transform: translate(-90%, -90%);z-index: 998}  

.wa-mcall-pulse {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);width: 90px;height: 90px;color: #fff;text-align: center;background: #35c349;border-radius: 50%;transition: .5s;cursor:pointer} 
.wa-mcall-phone {position: absolute;font-size: 50px;text-align: center;opacity: 1;animation: wa-mcall-phone .9s ease-in-out  infinite;background: url(../images/wa-mcall.png) no-repeat;width: 55px;height: 55px;background-size: contain;margin-top: 17px;margin-left: 19px} 
.wa-mcall-phone i {transition: .5s ease-in-out} 
.wa-mcall-text {position: absolute;text-transform: uppercase;letter-spacing: 0.3px;top: 30px;transform: scaleX(-1);transition: .5s ease-in-out;opacity: 0;font-family: Roboto;font-weight: 300;font-size: 15px} 

.wa-mcall-pulse:hover i{transition: .5s ease-in-out;transform: scale(0);opacity: 0}  
.wa-mcall-pulse:hover {background: #2d8dd7}  
.wa-mcall-pulse:hover .wa-mcall-phone{background: none}
.wa-mcall-pulse:hover .wa-mcall-text {transform: scaleX(1); transition: .5s ease-in-out;opacity: 1}

.wa-mcall-pulse:hover::before,
.wa-mcall-pulse:hover::after {content: ''; position: absolute; border: 1px solid #2d8dd7; left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%;animation: wa-mcall-pulse 1.8s linear infinite} 
.wa-mcall-pulse:hover::after {animation-delay: .5s}

@media screen and (max-width: 1200px) {.wa-mcall-pulse {width: 80px;height: 80px}.wa-mcall-phone {width: 50px;height: 50px;margin-top: 14px;margin-left: 15px}.wa-mcall-text{font-size: 14px;top: 25px}.wa-mcall-wrapper{left: 95%}}
@media screen and (max-width: 500px) {.wa-mcall-pulse {width: 65px;height: 65px}.wa-mcall-phone {width: 45px;height: 45px;margin-top: 10px;margin-left: 10px}.wa-mcall-text{font-size: 0px}.wa-mcall-wrapper{left: 92%}}

/* волны и вращение трубки */
@keyframes wa-mcall-pulse {
  0% {
  transform: scale(0.5);
  opacity: 0
 }
 50% {
  opacity: 1
 }
 100% {
  transform: scale(1.2);
  opacity: 0
 }
}   

@keyframes wa-mcall-phone {
 0%, 100% {
  transform: rotate(-20deg)
 }
 50% {
  transform: rotate(21deg)
 }
}