.zhny-gradient-text {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  overflow: visible;
  text-decoration: inherit;
  .real-text,
  .shadow-text {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: inherit;
  }
  .real-text {
    position: relative;
    z-index: 1;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    color: transparent;
  }
  .shadow-text {
    position: absolute;
    color: transparent;
    text-wrap: nowrap;
    &.shadow-text-with-underline {
      &::after {
        position: absolute;
        content: "";
        height: 0.11em;
        width: 100%;
        left: 0;
        bottom: 0.2em;
        background: #f00;
      }
    }
  }
}