@keyframes lightPulse {
  1% {
    fill: hsl(207, 82%, 39%);
    stroke: hsl(207, 82%, 45%);
    box-shadow: 0 0 5px 5px hsl(207, 82%, 39%);
  }
  50% {
    fill: hsl(207, 82%, 59%);
    stroke: hsl(207, 82%, 65%);
    box-shadow: 0 0 5px 5px hsl(207, 82%, 55%);
  }
  100% {
    fill: hsl(207, 82%, 39%);
    stroke: hsl(207, 82%, 45%);
    box-shadow: 0 0 5px 5px hsl(207, 82%, 39%);
  }
}

svg {
  .pulse {
    animation: lightPulse 4s infinite;
    &:hover {
      animation: none;
    }
  }
  .color-white {
    color: white;
  }
  .font-small {
    font-size: 10px;
  }
  .stop1 {
    stop-opacity: 10;
  }
  .stop2 {
    stop-opacity: 50;
  }
  .stop3 {
    stop-opacity: 100;
  }
}