.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F7F7F7;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-width:100%;--e-preloader-max-width:100%;--e-preloader-opacity:1;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 20px;--widgets-spacing-row:0px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#F7F7F7;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Button Base */

#btn1 .elementor-button {
  background: linear-gradient(45deg, #fff 50%, rgba(255,255,255,0.1) 50%) !important;
  background-size: 300% 300% !important;
  background-position: 100% 0% !important;
  color: #fff !important;
  border: 2px solid;
  border-image: linear-gradient(to right, #6a11cb, #2575fc) 1;
  transition: background-position 0.5s, border-color 0.1s;

}
/* 2. Hover Effects */
#btn1 .elementor-button:hover {
  background-position: 0% 100% !important;
  border: 2px solid #fff;
  box-shadow: -4px 0 12px rgba(106,17,203,1), 4px 0 12px rgba(37,117,252,0.5);
}
/* 3. Text Gradient */
#btn1 .elementor-button:hover .elementor-button-text {
  background: linear-gradient(to right, #6a11cb, #2575fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* 4. Icon Animation */
#btn1 .elementor-button svg {
  fill: white;
  margin-left: 15px;
  transition: all 0.3s;
}


#btn1 .elementor-button:hover svg {
  fill: #2575fc;
  transform: translateX(5px);
}/* End custom CSS */