@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.button-gradient {
  background: #1e1e1e;
  /*background-size: 400% 400%; /* увеличиваем размер фона для анимации */
 /* color: white; /* цвет текста */
  /*padding: 10px 20px; Отступы кнопки */
  /*border: 0px; /* Убираем рамку */
 /* border-radius: 5px; /* Скругление углов */
 /* font-size: 16px; /* Размер шрифта */
  
  
}

.button-gradient:hover {
  background: linear-gradient(270deg, #61E3F0, #C4A7DF, #E5F6B2, #3CAFDC);
  background-size: 400% 400%; /* размер фона для анимации */
  animation: gradientAnimation 10s ease infinite; /* Анимация градиента */
}



@keyframes textGradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}



/*.text-gradient {
  background: linear-gradient(270deg, #61E3F0, #C4A7DF, #E5F6B2, #3CAFDC);
  background-size: 400% 400%; /* Увеличиваем размер фона для анимации */
  -webkit-background-clip: text; /* Для поддержки градиента на тексте в WebKit браузерах */
  -webkit-text-fill-color: transparent; /* Делаем цвет текста прозрачным */
  animation: textGradientAnimation 10s ease infinite; /* Анимация градиента */
  /*font-size: 48px; /* Размер шрифта */
}