@charset "utf-8";
/* CSS Document */

.parent {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 50px;
}

.paragraph {
  flex: 0 0 100%;
}

.button {
  text-align: center;
  background: none;
  box-shadow: none;
  transition: all .3s ease;
  -webkit-transition: all .3s ease; cursor:pointer; border:none !important;
}
.button:focus {
  outline: none;
}

.button--disapear {
  display: none;
}
.button--disapear.active {
  animation: scale-display 1s;
  display: inline-flex;
}
.button--disapear.out {
  animation: scale-display--reversed 1s;
  animation-fill-mode: forwards;
  display: inline-flex;
}
.divszoom.active {
  animation: scale-display 1s;
  display: inline-flex;
}
.divszoom.out {
  animation: scale-display--reversed 1s;
  animation-fill-mode: forwards;
  display: inline-flex;
}

@keyframes scale-display {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes scale-display--reversed {
  0% {
    display: inline-flex;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  99% {
    display: inline-flex;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    display: none;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}