:root
{
	--circle-color: #ffc1076e;
}

.circle-ripple:after
{
	position: absolute;
	content: "";
  background-color: yellow;
	top: calc(50% - 1px);
	left: calc(50% - 1px);
  width: 0.1em;
  height: 0.1em;
  border-radius: 50%;
  animation: ripple 0.7s linear infinite;
}

@keyframes ripple
{
  0%
	{
    box-shadow: 0 0 0 0 var(--circle-color),
                0 0 0 0.5em var(--circle-color);
  }
  100%
	{
    box-shadow: 0 0 0 0.5em var(--circle-color),
                0 0 0 1em var(--circle-color);
  }
}