.elementor-widget-steppro_client_button .stp-client-btn{
  box-sizing:border-box;
  position:relative !important;
  overflow:hidden !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  isolation:isolate;
  --stp-border:#962DFF;
  --stp-text:#ffffff;
  padding:18px 40px;
  border-style:solid;
  border-width:2px;
  border-color:var(--stp-border);
  border-radius:50px;
  background:linear-gradient(180deg,#000B5E 0%,#570CA3 100%);
  color:var(--stp-text);
  text-decoration:none;
  cursor:pointer;
  outline:none;
  box-shadow:0 0 20px rgba(150,45,255,.25);
  white-space:nowrap;
   --stp-icon-offset: 0px; 
}




.elementor-widget-steppro_client_button .stp-client-btn-text{
  position:relative;
  z-index:2;
  display:block;
  color:var(--stp-text);
  transform:translateY(0);
  opacity:1;
  transition:transform .5s ease,opacity .5s ease;
}

body .elementor-widget-steppro_client_button .stp-client-btn::after{
  content:attr(data-text) !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:translateY(140%) translateX(var(--stp-icon-offset)) !important;
  transition:transform .5s ease,opacity .5s ease !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body .elementor-widget-steppro_client_button .stp-client-btn:hover::after,
body .elementor-widget-steppro_client_button .stp-client-btn:focus::after,
body .elementor-widget-steppro_client_button .stp-client-btn:active::after{
  transform:translateY(0) translateX(var(--stp-icon-offset)) !important;
  opacity:1 !important;
}

.elementor-widget-steppro_client_button .stp-client-btn:hover .stp-client-btn-text,
.elementor-widget-steppro_client_button .stp-client-btn:focus .stp-client-btn-text,
.elementor-widget-steppro_client_button .stp-client-btn:active .stp-client-btn-text{
  transform:translateY(-140%);
  opacity:0;
}




















/* Form submit button - same styling as Client Button widget */
.form-unique-buttons .elementor-button{
  box-sizing:border-box;
  position:relative !important;
  overflow:hidden !important;
   display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  isolation:isolate;
  --stp-border:#962DFF;
  --stp-text:#ffffff;
   gap:12px;
  --stp-icon-offset: 18px;
  padding:18px 40px !important;
  border-style:solid !important;
  border-width:2px !important;
  border-color:var(--stp-border) !important;
  border-radius:50px !important;
  background:linear-gradient(180deg,#000B5E 0%,#570CA3 100%) !important;
  color:var(--stp-text) !important;
  text-decoration:none;
  cursor:pointer;
  outline:none;
  box-shadow:0 0 20px rgba(150,45,255,.25) !important;
  white-space:nowrap;
}

.form-unique-buttons .elementor-button .elementor-button-content-wrapper,
.form-unique-buttons .elementor-button .elementor-button-text{
  position:relative;
  z-index:2;
  color:var(--stp-text);
  transform:translateY(0);
  opacity:1;
  transition:transform .5s ease,opacity .5s ease;
}

body .form-unique-buttons .elementor-button::after{
  content:attr(data-text) !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  color:var(--stp-text) !important;
  white-space:nowrap !important;
  opacity:0 !important;
  transform:translateY(140%) translateX(var(--stp-icon-offset)) !important;
  transition:transform .5s ease,opacity .5s ease !important;
  pointer-events:none !important;
  font:inherit !important;
}

.form-unique-buttons .elementor-button:hover .elementor-button-content-wrapper,
.form-unique-buttons .elementor-button:focus .elementor-button-content-wrapper,
.form-unique-buttons .elementor-button:active .elementor-button-content-wrapper{
  transform:translateY(-140%);
  opacity:0;
}

body .form-unique-buttons .elementor-button:hover::after,
body .form-unique-buttons .elementor-button:focus::after,
body .form-unique-buttons .elementor-button:active::after{
  transform:translateY(0) translateX(var(--stp-icon-offset)) !important;
  opacity:1 !important;
}


.form-unique-buttons .elementor-button .elementor-button-content-wrapper{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.form-unique-buttons .elementor-button .stp-lottie-icon{
  width:24px;
  height:24px;
  flex-shrink:0;
  position:relative;
  z-index:4;
  pointer-events:none;
}


/* Lottie icon spacing — text se pehle */
.elementor-widget-steppro_client_button .stp-client-btn{
  gap:10px;
}
.elementor-widget-steppro_client_button .stp-lottie-icon{
  position:relative;
  z-index:2;
  display:inline-block;
  flex-shrink:0;
  pointer-events:none;
}




