Как сделать linear-gradient, при добавлении тени (text-shadow) на иконку Font Awesome

при добавлении тени (text-shadow) на иконку Font Awesome, пропадает linear-gradient

.person-woman,
.person-man {
  position: absolute;
  top: -3%;
  left: 27.5%;
  z-index: 9;
  font-size: 30px;
  transform: translateY(10%);
  cursor: pointer;
  background-image: linear-gradient(
    120deg,
    rgba(255, 137, 31) 0%,
    rgba(255, 174, 2) 100%
  );
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0px 0px 0px #fff, -1px 0px 0 #000, -1px 0px 2px #000;
}