:root {
  --color_base: #048cc7;
  --color_heart: pink;
}


.heart {
  width: 100%;
  height: 67px;
  padding-top: 0rem;
  margin-top: 1rem;
}
.heart__path {
  -webkit-animation: groove 6s 3000 alternate;
          animation: groove 6s 3000 alternate;
  fill: transparent;
  stroke: var(--color_heart);
  stroke-dasharray: 0;
  stroke-width: 10px;
}

@-webkit-keyframes groove {
  0%, 100% {
    stroke-dasharray: 1600;
  }
  25%, 75% {
    stroke-dasharray: 70;
  }
  50% {
    stroke-dasharray: 150;
  }
}

@keyframes groove {
  0%, 100% {
    stroke-dasharray: 1600;
  }
  25%, 75% {
    stroke-dasharray: 70;
  }
  50% {
    stroke-dasharray: 150;
  }
}