.circle-ripple {
  background-color: #35ffc3;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  -webkit-animation: ripple 1.7s linear infinite;
          animation: ripple 1.7s linear infinite;
}

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(101, 255, 120, 1);
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.5);
  }
  100% {
    box-shadow: 0 0 0 0.5em rgba(101, 255, 120, 1);
  }
}