css如何解决text-shadow和原本的字体颜色冲突的问题

代码展示

  .mright_top_itemct2 {
          font-size: 16px;
          letter-spacing: 5px;
          font-family: Source Han Sans CN;
          font-weight: bold;
          color: #ffffff;
          padding: 5px;
          background: linear-gradient(to top, #ffe49c, transparent 60%);
          position: absolute;
          top: 10px;
          left: 25px;
          white-space: nowrap;
        }
        .mright_top_itemct2::before {
          content: attr(text);
          // 渐变样式
          color: #ffffff !important;
          background: linear-gradient(to top, #ffe49c 5%, #ffffff 60%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          // 去除继承父级样式
          text-shadow: none;
        }

效果如图：