Как задать тень так чтобы она заходила за элемент?

Question

[Александр]

Есть макет, в макете идет заголовок, а под ним я так понимаю его тень. Как сделать так чтобы было как на картинке? У меня получается только тень которая доходит до текста, а дальше обрывает

вот мой CSS

.work-title{
	margin-top: 300px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 44px;
	color: #000;
	border-radius: 40px;
	box-shadow: -110px 25px 2px 1px rgba(255, 206, 222, 1);
}

Comments

[Сергей Сергей]

К скриншоту своих результатов полагается код.

[Александр]

Сергей Сергей, добавил

[Сергей Сергей]

Через псевдоэлементы тогда, один для розовой тени, другой для пунктира.

[Александр]

спасибо

Answer 1

[wadowad]

Тень не нужна. Это псевдоэлемент с z-index: 0.