.circle-2::after {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 14px;
  height: 14px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #ffcd6d;
  box-shadow: 0 0 0 1px #121718;
  transform: translateX(-50%);
}

@media (prefers-reduced-motion: reduce) {
  .circle-2::after { display: none; }
}