.character {
  transform-origin: center 80%;
  animation: breathe 5s ease-in-out infinite;
  will-change: transform;
}
.button.is-releasing,button.is-releasing {
  animation: soft-release .4s cubic-bezier(.2,.9,.3,1);
}
@keyframes breathe {
  0%,100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}
@keyframes soft-release {
  0% {
    transform: scale(.96);
  }
  60% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }
  *,*::before,*::after {
    animation: none!important;
    transition: none!important;
    will-change: auto!important;
  }
}