.heart-btn {
width: 50px;
height: 50px;
background-color: transparent;
border: none;
position: relative;
cursor: pointer;
}
.heart-btn::before,
.heart-btn::after {
content: "";
width: 25px;
height: 45px;
background-color: red;
position: absolute;
top: 0;
transform: rotate(-45deg);
border-radius: 50px 50px 0 0;
}
.heart-btn::before {
left: 10px;
}
.heart-btn::after {
right: 10px;
}
.heart-btn:hover::before,
.heart-btn:hover::after {
background-color: darkred;
}
top of page
bottom of page