.elementor-6508 .elementor-element.elementor-element-bdb9f7b{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-1a755086 *//* =========================
   MIDPOSI – CTA Button Readability Fix (CSS only)
   Paste into: Elementor > Custom CSS OR Appearance > Customize > Additional CSS
   ========================= */

/* 1) Primary CTA: force high contrast text */
#mp-product .mp-btnPrimary,
#mp-product .mp-btnPrimary:link,
#mp-product .mp-btnPrimary:visited{
  color:#ffffff !important;
  opacity:1 !important;
  font-weight:700 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  text-shadow: 0 1px 0 rgba(0,0,0,.18); /* helps on bright screens */
}

/* 2) If button has inner spans/icons, keep them white too */
#mp-product .mp-btnPrimary *{
  color:#ffffff !important;
  fill:#ffffff !important;
  opacity:1 !important;
}

/* 3) Ensure hover/focus still readable */
#mp-product .mp-btnPrimary:hover,
#mp-product .mp-btnPrimary:focus{
  color:#ffffff !important;
}

/* 4) Optional: slightly stronger CTA without changing your layout */
#mp-product .mp-btnPrimary{
  border-color: transparent !important;
  box-shadow: 0 10px 22px rgba(37,99,235,.25);
}

/* 5) Safety: prevent theme from fading Woo/Elementor buttons */
#mp-product a.mp-btn,
#mp-product .mp-btn{
  opacity:1 !important;
}/* End custom CSS */