.heart {
  display: flex;
  width: 96px;
  height: 96px;
  background: #DD1A72;
  border-radius: 0 0 0 1rem;
  transform: rotate(-45deg);
  -webkit-animation: pulse 1s infinite;
          animation: pulse 1s infinite;
}
.heart::before,
.heart::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 96px;
  height: 96px;
  background: inherit;
  border-radius: 50%;
}
.heart::before {
  transform: translatey(-50%)
}
.heart::after {
  transform: translatex(50%)
}
/* Animation */
@-webkit-keyframes pulse {
  0%, 20% {
    transform: rotate(-45deg) scale(1);
  }
  30% {
    transform: rotate(-45deg) scale(1.2);
  }
  50% {
    transform: rotate(-45deg) scale(1);
  }
  60% {
    transform: rotate(-45deg) scale(1.1);
  }
  70%, 100% {
    transform: rotate(-45deg) scale(1);
  }
}
@keyframes pulse {
  0%, 20% {
    transform: rotate(-45deg) scale(1);
  }
  30% {
    transform: rotate(-45deg) scale(1.2);
  }
  50% {
    transform: rotate(-45deg) scale(1);
  }
  60% {
    transform: rotate(-45deg) scale(1.1);
  }
  70%, 100% {
    transform: rotate(-45deg) scale(1);
  }
}