.elementor-1443 .elementor-element.elementor-element-582b3e1{--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-1443 .elementor-element.elementor-element-1b3bc57{--spacer-size:283px;}.elementor-1443 .elementor-element.elementor-element-ff3557a{width:100%;max-width:100%;}.elementor-1443 .elementor-element.elementor-element-476b904{--spacer-size:267px;}/* Start custom CSS for shortcode, class: .elementor-element-ff3557a *//* =========================================================
   ✅ HARD ELEMENTOR BUTTON FIX (wins against theme overrides)
   Put at the VERY END of <style>
========================================================= */

body #app button,
body #app input[type="button"],
body #app input[type="submit"],
body #app .iconBtn,
body #app .seg button{
  -webkit-appearance: none !important;
  appearance: none !important;

  /* stop Elementor/theme “white/transparent” forcing */
  background: none !important;
  background-image: none !important;

  border-radius: 14px !important;
  border-width: 1px !important;
  border-style: solid !important;

  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial !important;
  font-weight: 1000 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;

  text-decoration: none !important;
  box-shadow: none !important;
}

/* PRIMARY */
body #app button.btn-primary,
body #app .btn-primary{
  background: var(--primary) !important;
  background-color: var(--primary) !important;
  color: #ffffff !important;
  border-color: rgba(2,6,23,.25) !important;
  box-shadow: 0 16px 30px rgba(2,6,23,.18) !important;
}
body #app button.btn-primary:hover,
body #app .btn-primary:hover{
  background: var(--primaryHover) !important;
  background-color: var(--primaryHover) !important;
  color:#fff !important;
}

/* SOFT */
body #app button.btn-soft,
body #app .btn-soft{
  background: var(--btnSoftBg) !important;
  background-color: #f4f6fb !important; /* key for themes killing gradients */
  color: #0b1220 !important;
  border-color: var(--btnBorder) !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.06) !important;
}
body #app button.btn-soft:hover,
body #app .btn-soft:hover{
  background: var(--btnSoftHover) !important;
  background-color: #eef2f7 !important;
}

/* GHOST */
body #app button.btn-ghost,
body #app .btn-ghost,
body #app .iconBtn{
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0b1220 !important;
  border-color: var(--btnBorder) !important;
}
body #app button.btn-ghost:hover,
body #app .btn-ghost:hover,
body #app .iconBtn:hover{
  background: #f8fafc !important;
  background-color: #f8fafc !important;
}

/* DANGER */
body #app button.btn-danger,
body #app .btn-danger{
  background: var(--danger) !important;
  background-color: var(--danger) !important;
  color: #ffffff !important;
  border-color: rgba(185,28,28,.35) !important;
  box-shadow: 0 14px 24px rgba(185,28,28,.18) !important;
}
body #app button.btn-danger:hover,
body #app .btn-danger:hover{
  background: var(--dangerHover) !important;
  background-color: var(--dangerHover) !important;
}

/* Segmented control buttons (3D / Edit) */
body #app .seg{
  background: #ffffff !important;
  border-color: rgba(15,23,42,.12) !important;
}
body #app .seg button{
  background: transparent !important;
  background-color: transparent !important;
  color:#334155 !important;
  border: 0 !important;
  box-shadow:none !important;
}
body #app .seg button.active{
  background: linear-gradient(180deg,#ffffff,#f1f5f9) !important;
  background-color: #f1f5f9 !important;
  color:#0b1220 !important;
  box-shadow:0 10px 18px rgba(15,23,42,.08) !important;
}

/* disabled */
body #app button:disabled,
body #app .iconBtn:disabled{
  opacity: .55 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}/* End custom CSS */