Create a More Complex Shape Using CSS and HTML-2

It says the content of the heart:before should be an empty string, and that’s what I have what am I doing wrong?

/
/
/
style>

.heart {

position: absolute;

margin: auto;

top: 0;

right: 0;

bottom: 0;

left: 0;

background-color: pink;

height: 50px;

width: 50px;

transform:rotate(-45deg);

}

.heart::after {

background-color: pink;

content:" ";

border-radius: 50%;

position: absolute;

width: 50px;

height: 50px;

top: 0px;

left: 25px;

}

.heart::before {

content: ;

background-color: pink;

border-radius: 50%;

position: absolute;

width: 50px;

height: 50px;

top: -25px;

left: 0px;

}

</style>

<div class = “heart”></div>
/
/
/

The content of heart::after is an empty string; the content of heart::before is nothing^^