/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 05 2025 | 09:27:21 */
/* Делаем контейнер с контентом слайда вертикальным и переупорядочиваем блоки */
.elementor-element.my-slider .wpr-slider-content{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;        /* чтобы всё прилипало слева как в макете */
  gap: 0.5rem;                    /* небольшой зазор между блоками */
}

/* Кнопки (весь блок .wpr-slider-btns) — первыми */
.elementor-element.my-slider .wpr-slider-content .wpr-slider-btns{
  order: -1;                      /* выше заголовка */
  margin-bottom: .5rem;
}

/* Заголовок — ниже */
.elementor-element.my-slider .wpr-slider-content .wpr-slider-title{
  order: 2;
}

/* === Пульсация и «волны» для кнопки Play в конкретном слайдере === */
.elementor-element.my-slider .wpr-slider-primary-btn{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;          /* круг */
  overflow: visible;           /* чтобы волны выходили наружу */
  isolation: isolate;          /* чтобы z-index псевдоэлементов не убегал */
  animation: btn-breathe 2.4s ease-in-out infinite;   /* мягкая «дышка» самой кнопки */
  will-change: transform;
  /* можно подправить прозрачность под фон: */
  --wave-color: rgba(255,255,255,.35);
  --wave-size-overshoot: 10px; /* насколько волны выходят за кнопку */
}

/* Две волны: ::before и ::after */
.elementor-element.my-slider .wpr-slider-primary-btn::before,
.elementor-element.my-slider .wpr-slider-primary-btn::after{
  content: "";
  position: absolute;
  /* волны чуть больше самой кнопки */
  inset: calc(0px - var(--wave-size-overshoot));
  border: 2px solid var(--wave-color);
  border-radius: 50%;
  pointer-events: none;       /* клики проходят к ссылке */
  z-index: 1;
  transform: scale(1);
  opacity: 0;
  animation: ripple 1.8s ease-out infinite;
}

.elementor-element.my-slider .wpr-slider-primary-btn::after{
  animation-delay: .9s;       /* вторая волна стартует позже */
}

/* Чтобы SVG внутри всегда был над волнами */
.elementor-element.my-slider .wpr-slider-primary-btn > svg{
  position: relative;
  z-index: 2;
}

/* Ховер — слегка усилим эффект */
.elementor-element.my-slider .wpr-slider-primary-btn:hover{
  animation-duration: 2s;
}

/* Ключевые кадры */
@keyframes btn-breathe{
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.06); }
}

@keyframes ripple{
  0%   { transform: scale(1);   opacity: .45; }
  100% { transform: scale(1.6); opacity: 0;   }
}

/* Уважение к пользователям с выключенными анимациями */
@media (prefers-reduced-motion: reduce){
  .elementor-element.my-slider .wpr-slider-primary-btn{
    animation: none;
  }
  .elementor-element.my-slider .wpr-slider-primary-btn::before,
  .elementor-element.my-slider .wpr-slider-primary-btn::after{
    animation: none;
    opacity: 0;
  }
}