<!DOCTYPE html>
<html lang="en">
<head>
<style>
body{
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
margin: 0;
}
.heart{
background: red;
position: relative;
height: 100px;
width: 100px;
transform: rotate(-45deg)
}
.heart::after{
background: inherit;
border-radius: 50%;
content: '';
position: absolute;
top: -50%;
left: 0;
height: 100px;
width: 100px;
}
...