.pulse {
  box-shadow: 0 0 0 0 rgba(0,50,125,1);
  animation: pulse 3s infinite;
  animation-timing-function: ease-in-out;
  will-change: transform;
}

.pulse:hover {
  animation: none;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    -moz-box-shadow: 0 0 0 0 rgba(0,50,125,1);
    box-shadow: 0 0 0 0 rgba(0,50,125,1);
  }
  50% {
    transform: scale(1.05);
    -moz-box-shadow: 0 0 0 40px rgba(27,132,248, 0);
    box-shadow: 0 0 0 40px rgba(27,132,248, 0);
  }
  100% {
    transform: scale(1);
    -moz-box-shadow: 0 0 0 0 rgba(27,132,248, 0);
    box-shadow: 0 0 0 0 rgba(188,0,0, 0);
  }
}

.pulse:hover {
  animation: none;
}

.pulse {
  box-shadow: 0 0 0 0 rgba(0,50,125,0.4);
  animation: pulse 3s infinite;
  animation-timing-function: ease-in-out;
  will-change: transform;
}