Один стиль - Две анимации

есть один css стиль:

.heart{
  color: transparent;
  background: linear-gradient(to left, #FF3008,#B91D28,#FF3008);
  background-size: 1000px 100%;
  animation: gradient_animate 25s linear infinite;
  animation: heart_beat 1.6s linear;
  transition: 0.25s;
}

и две анимации:

@keyframes heart_beat {
  0% {
    font-size: 15px;
  }
  25% {
    font-size: 17px;
  }
  50% {
    font-size: 15px;
  }
  75% {
    font-size: 17px;
  }
  100%{
    font-size: 15px;
  }


 @keyframes gradient_animate {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 10000px;
  }
}

Как сделать, чтобы работали обе анимации, а не только одна?