gradient text shadow css

1h1 {
2    position: relative;
3}
4
5h1::after {
6    background-image: linear-gradient(#f00, #fcc);
7    -webkit-background-clip: text;
8    background-clip: text;
9    -webkit-text-fill-color: transparent;
10    content: attr(data-content);
11    position: absolute;
12    top: 0;
13    left: 0;
14}
15
16h1::before {
17    text-shadow: #000 1px 1px 2px;
18    content: attr(data-content);
19    position: absolute;
20    top: 0;
21    left: 0;
22}