如何使用css创建“类似梨”的形状

<div class="pear"></div>

.pear {
  width: 100px;
  height: 150px;
  background-color: #8DC63F;
  border-radius: 50%;
  position: relative;
}

.pear::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: #8DC63F;
  border-radius: 50%;
  transform: rotate(45deg);
}

.pear::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: #8DC63F;
  border-radius: 50%;
  transform: rotate(-45deg);
}