.pulse {
	padding: 0;
	width: 1em;
	height: 1em;
	border-radius: 100%;
}

/* Continue animation and add shine on hover */
.pulse:hover,
.pulse:focus {
	animation: borderPulse 1000ms infinite ease-out,  hoverShine 200ms;
}


/* Declare border pulse animation */
@keyframes borderPulse {
  0% {
    box-shadow: inset 0px 0px 0px 5px rgba(224, 146, 64,.4), 0px 0px 0px 0px rgba(224, 146, 64, 1);
  }
  100% {
    box-shadow: inset 0px 0px 0px 3px rgba(224, 146, 64, .2), 0px 0px 0px 10px rgba(224, 146, 64, 0);
  }
}

/* Declare shine on hover animation */
@keyframes hoverShine {
	0%{
		background-image: linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	}
	50%{
		background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%);
	}
	100%{
		background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.4) 100%);
	}
}