.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2630 .elementor-element.elementor-element-f68a89f .elementor-button{background-color:#285C8300;font-family:"IRANSansWeb_FaNum_Medium", Sans-serif;font-size:17px;font-weight:500;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:none;border-radius:4px 4px 4px 4px;padding:8px 8px 8px 8px;}.elementor-2630 .elementor-element.elementor-element-f68a89f{width:auto;max-width:auto;bottom:300px;}body:not(.rtl) .elementor-2630 .elementor-element.elementor-element-f68a89f{right:-54px;}body.rtl .elementor-2630 .elementor-element.elementor-element-f68a89f{left:-54px;}.elementor-2630 .elementor-element.elementor-element-f68a89f .elementor-button-content-wrapper{flex-direction:row;}.elementor-2630 .elementor-element.elementor-element-f41b6e5:not(.elementor-motion-effects-element-type-background), .elementor-2630 .elementor-element.elementor-element-f41b6e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wagon6.net/wp-content/uploads/2025/02/finall-0001.webp");background-position:bottom center;background-size:cover;}.elementor-2630 .elementor-element.elementor-element-f41b6e5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2630 .elementor-element.elementor-element-f41b6e5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2630 .elementor-element.elementor-element-c711dde{--spacer-size:10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-2630 .elementor-element.elementor-element-f68a89f{bottom:365px;}.elementor-2630 .elementor-element.elementor-element-f68a89f .elementor-button{font-size:14px;}}/* Start custom CSS for button, class: .elementor-element-f68a89f *//* استایل‌های پایه برای دکمه المنتور شما */
/* لطفاً کلاس .my-custom-button را به دکمه خود در تنظیمات پیشرفته المنتور اضافه کنید */
.my-custom-button {
  position: fixed; /* جایگاه ثابت */
  
  background-color: #0F4065; /* رنگ پس‌زمینه اولیه: سرمه‌ای */
  color: white; /* رنگ متن اولیه: سفید */
  transform: rotate(-91deg); /* چرخش دکمه */
  padding: 2px 8px; /* کمی پدینگ برای ظاهر بهتر - می‌توانید تنظیم کنید */
  text-decoration: none; /* حذف خط زیر لینک (اگر دکمه یک لینک است) */
  display: inline-block; /* برای اعمال صحیح transform و padding */
  /* transform-origin: center center; */ /* نقطه چرخش، در صورت نیاز تنظیم شود */
  overflow: hidden; /* برای اینکه افکت پس‌زمینه از محدوده دکمه بیرون نزند */
  z-index: 1000; /* برای اطمینان از اینکه دکمه روی سایر عناصر قرار می‌گیرد */
  transition: color 0.4s ease-in-out; /* انیمیشن برای تغییر رنگ متن */
  cursor: pointer; /* تغییر نشانگر موس به حالت اشاره */
  border: none; /* حذف هرگونه بوردر پیش‌فرض */
  border-radius: 4px;
  text-align: center; /* برای اطمینان از وسط‌چین بودن متن */
}

/* ایجاد یک لایه مجازی برای افکت تغییر پس‌زمینه از پایین به بالا */
.my-custom-button::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0; /* در ابتدا ارتفاع صفر است (پس‌زمینه جدید دیده نمی‌شود) */
  background-color: #FE6721; /* رنگ پس‌زمینه در حالت هاور: آبی روشن */
  z-index: -1; /* لایه مجازی را پشت محتوای اصلی دکمه (متن) قرار می‌دهد */
  transition: height 0.4s ease-in-out; /* انیمیشن برای تغییر ارتفاع (پر شدن پس‌زمینه) */
}

/* استایل‌های هاور برای دکمه */
.my-custom-button:hover {
  color: #0F4065; /* تغییر رنگ متن به سرمه‌ای در حالت هاور */
}

.my-custom-button:hover::before {
  height: 100%; /* در حالت هاور، ارتفاع لایه مجازی 100% می‌شود و پس‌زمینه آبی روشن از پایین به بالا ظاهر می‌شود */
}/* End custom CSS */