/* Start custom CSS for button, class: .elementor-element-d2622da */.elementor-22931 .elementor-element.elementor-element-d2622da .elementor-button {
  /* اعمال انیمیشن اصلی */
  animation: flashy-festival 4s infinite linear;
  color: #ffffff !important; /* رنگ متن همیشه سفید و خوانا */
  font-weight: bold;
  border-radius: 15px; /* گوشه‌های گرد برای ظاهر مدرن */
  transition: all 0.3s ease; /* انیمیشن نرم برای حالت هاور */
}

/* افکت هاور: وقتی ماوس روی دکمه می‌رود */
.elementor-22931 .elementor-element.elementor-element-d2622da .elementor-button:hover {
  animation-play-state: paused; /* توقف انیمیشن برای کلیک راحت‌تر */
  transform: scale(1.1); /* کمی بزرگ‌تر شدن دکمه */
  box-shadow: 0 0 30px #ffffff; /* درخشش بیشتر در حالت هاور */
}

/* تعریف کی‌فریم‌های انیمیشن */
@keyframes flashy-festival {
  0% {
    background-color: #ff3f3f; /* قرمز */
    box-shadow: 0 0 15px #ff3f3f;
    transform: scale(1);
  }
  25% {
    background-color: #ff9a3f; /* نارنجی */
    box-shadow: 0 0 20px #ff9a3f;
    transform: scale(1.05); /* کمی بزرگ‌تر برای افکت پالس */
  }
  50% {
    background-color: #3fff7a; /* سبز */
    box-shadow: 0 0 15px #3fff7a;
    transform: scale(1);
  }
  75% {
    background-color: #3f9aff; /* آبی */
    box-shadow: 0 0 20px #3f9aff;
    transform: scale(1.05); /* پالس دوباره */
  }
  100% {
    background-color: #ff3f3f; /* بازگشت به قرمز */
    box-shadow: 0 0 15px #ff3f3f;
    transform: scale(1);
  }
}/* End custom CSS */