cssでグラデーションをかけた文字にtext-shadowをきれいにかける方法

p{
	position:relative;
	color:#ffeebe;
	text-shadow:calc(100vw / 1500 * 5) calc(100vw / 1500 * 5) calc(100vw / 1500 * 10) rgba(0, 0, 0, 0.7);
}

p::after{
	position:absolute;
	top:0;
	left:0;
	content:"テキスト";
	background:linear-gradient(to right,#ffeebe,#f7c33b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
}