body section .feedbackCont {
  .emojiCont {
    .sad {
      @include emojiFace();
      background: linear-gradient(to bottom, #df2d56, #ffda6a);
      position: relative;
      div {
        position: absolute;
      }
      .emojiFace {
        animation: 2s ease sadEmoji;
        left: 50%;
      }
      .eye {
        height: 22px;
        width: 16px;
        border-radius: 50%;
        background: rgb(39, 39, 39);
        box-shadow: 50px 0 0 rgb(39, 39, 39);
        top: 40px;
        left: calc(50% - 35px);
        animation: 1s ease sadEye;
      }
      .mouth {
        height: 8px;
        width: 8px;
        border-radius: 50%;
        background: rgb(39, 39, 39);
        top: 50px;
        box-shadow: 47px 12px 0 rgb(39, 39, 39);
        top: 90px;
        left: calc(50% - 30px);
        &::after {
          content: "";
          position: absolute;
          height: 30px;
          width: 55px;
          border: 8px solid transparent;
          border-radius: 50%;
          transform: rotate(15deg);
          border-top-color: rgb(39, 39, 39);
          left: -11px;
          top: -1px;
        }
      }
    }
  }
}

@keyframes sadEmoji {
  0% {
    transform: scale(0.94) translateY(15px);
  }
  30% {
    transform: translateX(-5px) translateY(7px);
  }
  50% {
    transform: translateX(15px) translateY(0);
  }
}
@keyframes sadEye {
  0% {
    height: 18px;
    top: 45px;
    transform: scale(0.8);
  }
}
