.scale {
    transform: scale(1.2);
    transition: opacity .4s ease-out, transform .4s ease-out;
}

.fade-up--40 {
    opacity: 0;
    transition: opacity .4s ease-out, transform .4s ease-out;
    transform: translateY(-40px);
}

.fade-down--40 {
    opacity: 0;
    transition: opacity .4s ease-out, transform .4s ease-out;
    transform: translateY(40px);
}

.fade-left--40 {
    opacity: 0;
    transition: opacity .4s ease-out, transform .4s ease-out;
    transform: translateX(40px);
}

.fade-display--6 {
    opacity: 0;
    transition: opacity .4s ease-out .6s, transform .4s ease-out .6s;
}

.animate.visible {
    opacity: 1;
    transform: translate(0) scale(1);
}

.fade-cascade {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .4s ease-out, transform .4s ease-out;
}

.fade-cascade:nth-child(1) {
    transition-delay: 0.2s;
}

.fade-cascade:nth-child(2) {
    transition-delay: 0.4s;
}

.fade-cascade:nth-child(3) {
    transition-delay: 0.6s;
}

.fade-cascade:nth-child(4) {
    transition-delay: 0.8s;
}

.fade-cascade:nth-child(5) {
    transition-delay: 1s;
}

.fade-btn {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .4s ease-out, transform .4s ease-out;
}
/* Стили для светового блика */
.button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -60%;
    width: 100%;
    height: 100%;
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 40%)
}

/* Анимация для светового блика */
@keyframes shine {
  to {
    left: 100%;
  }
}

.button.animate-gradient::before {
  animation: shine 2s ease forwards;
}