/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 18 2025 | 23:27:18 */
/* ========================================
   СТИЛИ ДЛЯ КНОПОК КВИЗА
======================================== */

/* ===== КНОПКА "ДАЛЕЕ" ===== */

/* Основной стиль кнопки Далее */
.pafe-form-builder-next-step .pafe-form-builder-button {
  background: #F44145;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

/* Эффект внешнего свечения при наведении на кнопку Далее */
.pafe-form-builder-next-step .pafe-form-builder-button:hover {
  box-shadow: 0 15px 25px rgba(244, 65, 69, 0.4);
}

/* Иконка стрелки после текста кнопки Далее */
.pafe-form-builder-next-step .elementor-button-text::after {
  content: '';
  display: inline-block;
  margin-left: 0.5vw;
  vertical-align: middle;
  width: 0.8vw;
  height: 0.8vw;
  background-image: url('/wp-content/image/arrow-next.svg');
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(138%) hue-rotate(213deg) brightness(117%) contrast(92%);
  position: relative;
  top: -2px;
}

/* ===== КНОПКА "НАЗАД" ===== */

/* Основной стиль кнопки Назад */
.pafe-form-builder-prev-step .pafe-form-builder-button {
  background: #F1F3F4;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

/* Эффект внешнего свечения при наведении на кнопку Назад */
.pafe-form-builder-prev-step .pafe-form-builder-button:hover {
  box-shadow: 0 15px 25px rgba(241, 243, 244, 0.3);
}

/* Иконка стрелки перед текстом кнопки Назад */
.pafe-form-builder-prev-step .elementor-button-text::before {
  content: '';
  display: inline-block;
  margin-right: 0.5vw;
  vertical-align: middle;
  width: 0.8vw;
  height: 0.8vw;
  background-image: url('/wp-content/image/arrow-prev.svg');
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(31%) sepia(9%) saturate(1035%) hue-rotate(176deg) brightness(95%) contrast(87%); /* Цвет #4A5568 */
  position: relative;
  top: -2px;
}

/* ===== АНИМАЦИИ ===== */

/* Псевдоэлемент для анимации блика на кнопке Далее */
.pafe-form-builder-next-step .pafe-form-builder-button::before {
  content: "";
  margin-left: 60px;
  width: 50px;
  height: 300px;
  background: #fff;
  animation-delay: 0.05s;
  position: absolute;
  left: -40px;
  top: -150px;
  animation-timing-function: ease-in-out;
  transition: all 0.1s;
  animation-name: slideme;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  transform: rotate(45deg);
  filter: blur(20px);
}

/* Анимация движения блика */
@keyframes slideme { 
  0% { 
    left: -30px; 
    margin-left: 0px; 
  }
  30% { 
    left: 110%; 
    margin-left: 80px; 
  }
  100% { 
    left: 110%; 
    margin-left: 80px; 
  } 
}