.elementor-3013 .elementor-element.elementor-element-dfe13c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3013 .elementor-element.elementor-element-781594d{--display:flex;}.elementor-3013 .elementor-element.elementor-element-d4eb6f5{--display:flex;}.elementor-3013 .elementor-element.elementor-element-ec76dfb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:4;}.elementor-3013 .elementor-element.elementor-element-d2ff414{--display:flex;}.elementor-3013 .elementor-element.elementor-element-6ddd9bd{--display:flex;}.elementor-3013 .elementor-element.elementor-element-faa754d{--display:flex;}.elementor-3013 .elementor-element.elementor-element-5a19b2a{--display:flex;}.elementor-3013 .elementor-element.elementor-element-47db4a7{color:#1A6DFF;}@media(min-width:768px){.elementor-3013 .elementor-element.elementor-element-6ddd9bd{--content-width:50%;}}/* Start custom CSS for html, class: .elementor-element-97dbbf7 */.bttn {
  position: relative;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 30px;
  font-size: 1.1em;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  border: none;
  /* ایجاد گرادیانت عریض برای جابه‌جایی */
  background: linear-gradient(45deg, #91335A ,#503F7F, #1A6DFF );
  background-size: 300% 300%;
  /* اجرای انیمیشن در حالت عادی */
  animation: moveGradient 4s ease infinite;
  transition: transform 0.3s ease;
  overflow: hidden;
}

.bttn span {
  position: relative;
  z-index: 2;
}

/* هاله نوری (Glow) پشت دکمه که آن هم متحرک است */
.bttn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg,#91335A ,#503F7F, #1A6DFF );
  background-size: 300% 300%;
  filter: blur(20px);
  border-radius: 30px;
  z-index: -1;
  opacity: 0.4; /* درخشش ملایم در حالت عادی */
  transition: 0.5s;
  animation: moveGradient 4s ease infinite;
}

/* افکت هنگام هاور */
.bttn:hover {
  transform: scale(1.05); /* کمی بزرگ شدن دکمه */
}

.bttn:hover::after {
  opacity: 1; /* پررنگ شدن درخشش پشت دکمه */
  filter: blur(30px);
}

/* تعریف انیمیشن حرکت نرم رنگ‌ها */
@keyframes moveGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}/* End custom CSS */