.highlightpulse {
  #margin: 0 auto;
  display: inline-block;
  #width: 22px;
  #height: 22px;
  border-radius: 10%;
  #background: #cca92c;
  cursor: pointer;
  #box-shadow: 0 0 20px 0 rgba(51, 235, 79, 0.5);
  animation: highlightpulse 4s infinite;
}
.highlightpulse:hover {
  box-shadow: 0 0 10px 10px rgba(135, 189, 78, 0.4), inset 0 0 5px 5px rgba(135, 189, 78, 0.4);
  animation: highlightpulse 1s infinite;
}

@-webkit-keyframes highlightpulse {
  0% {
    -webkit-box-shadow: 0 0 20px 0 rgba(235, 122, 51, 0);
  }
  50% {
      -webkit-box-shadow: 0 0 10px 10px rgba(235, 122, 51, 0.4), inset 0 0 5px 5px rgba(235, 122, 51, 0.4);
  }
  100% {
      -webkit-box-shadow: 0 0 20px 0 rgba(235, 122, 51, 0);
  }
}
@keyframes highlightpulse {
  0% {
    -moz-box-shadow: 0 0 20px 0 rgba(235, 122, 51, 0);
    box-shadow: 0 0 20px 0 rgba(235, 122, 51, 0);
  }
  50% {
      -moz-box-shadow: 0 0 10px 10px rgba(235, 122, 51, 0.4), inset 0 0 5px 5px rgba(235, 122, 51, 0.4);
      box-shadow: 0 0 10px 10px rgba(235, 122, 51, 0.4), inset 0 0 5px 5px rgba(235, 122, 51, 0.4);
  }
  100% {
    -moz-box-shadow: 0 0 20px 0 rgba(235, 122, 51, 0);
    box-shadow: 0 0 20px 0 rgba(235, 122, 51, 0);
  }
}