Anchor pulsing with CSS box-shadow

pulse.css

.pulse {
  padding: 2px 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  animation: pulse 3s infinite;
  color: hsl(340, 86%, 43%);
}

.pulse:hover {
  animation: none;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 hsla(340, 86%, 53%, 0.8);
    background: hsla(340, 86%, 53%, 0.8);
    color: hsl(340, 86%, 99%);
  }
  70% {
    box-shadow: 0 0 0 7px hsla(340, 86%, 83%, 0);
    background: hsla(340, 86%, 83%, 0);
  }
  100% {
    box-shadow: 0 0 0 0 hsla(340, 86%, 99%, 0);
    background: hsla(340, 86%, 99%, 0);
  }
}

pulse.html

<a href="#" class="pulse">look here</a>