css文字渐变和阴影

<div class="legend2-text2 legend-text2gradient" style="background: linear-gradient(0deg, #C2D6E2 0%);color: #00AEFF;font-size: .4074rem;text-shadow: 0px 6px 0px rgba(43,159,214,0.2);">18984</div>

<style>

.legend-text2gradient {
      color: transparent !important;
      -webkit-background-clip: text !important;
      background: linear-gradient(0deg, #008CF8 20%, #FFFFFF 80%);
      /* background: -webkit-linear-gradient(linear,  #bcd5e3, rgba(0, 174, 255, 1))              
      !important; */
      /* Chrome, Safari */
      /* background: linear-gradient(linear, 0 0, 0 bottom, #bcd5e3, rgba(0, 174, 255, 1)) 
      !important; */
      /* background-image: linear-gradient(180deg, #ffffff, rgba(0, 174, 255, 1)); */
    }

</style>