.nav-item:hover, .nav-item.hovered {
  background: #f5f6f9;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.nav-item:hover .nav-link::before, .nav-item.hovered .nav-link::before {
  content: "";
  position: absolute;
  right: 0;
  top: -50px;
  width: 50px;
  height: 50px;
  background-color: #555555;
  border-radius: 50%;
  box-shadow: 35px 35px 0 10px #f5f6f9;
  pointer-events: none;
}

.nav-item:hover .nav-link::after, .nav-item.hovered .nav-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -50px;
  width: 50px;
  height: 50px;
  background-color: #555555;
  border-radius: 50%;
  box-shadow: 35px -35px 0 10px #f5f6f9;
  pointer-events: none;
}