@keyframes changeInLik {

  0% {
    opacity: 0;
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes changeInLik_mob {

  0% {
    opacity: 0;
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.generator__buttons {
  display: flex;
  justify-content: flex-end;
}

.generator__buttons .generator__button {
  margin: 0;
}

.generator__button:not(:last-child) {
  margin-right: 12px;
}

.generator__button._hidden {
  display: none;
}

.generator__button._changed {
  animation: changeInLik 0.4s;
}

@media (max-width: 370px) {
  .generator__buttons {
    flex-direction: column;
    justify-content: unset;
  }
  
  .generator__button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 12px;
  }

  .generator__button._changed {
    animation-name: changeInLik_mob;
  }
  
}