.elementor-7679 .elementor-element.elementor-element-50214dd{--display:flex;}@media(max-width:767px){body.elementor-page-7679{margin:-10px -10px -10px -10px;}}

/* Start custom CSS *//* =========================================
FIX: Button text not showing white + improve legibility
Drop below your existing CSS in Elementor → Advanced → Custom CSS
========================================= */

/* Force white text for primary .btn on all states */
a.btn, .btn {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important; /* handles odd WebKit cases */
  font-weight: 800;
  letter-spacing: .015em;
  text-rendering: optimizeLegibility;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);     /* subtle pop on dark bg */
  line-height: 1.1;
}

/* Ensure inner elements (spans, icons, emoji, SVG) are white */
.btn *, .btn span, .btn i, .btn strong, .btn b {
  color: #fff !important;
}
.btn svg, .btn svg *, .btn .icon, .btn .icon * {
  fill: #fff !important;
  stroke: #fff !important;
}

/* Keep text white on hover/active/visited */
a.btn:hover,
a.btn:active,
a.btn:visited {
  color: #fff !important;
}

/* Improve padding & alignment so text doesn't clip */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 20px;                 /* slightly larger for readability */
  border-radius: 12px;
  white-space: nowrap;                 /* keep on one line */
}

/* If long text, allow wrapping gracefully on small screens */
@media (max-width: 420px){
  .btn { white-space: normal; text-align: center; }
}

/* Ghost variant: keep good contrast on dark theme */
.btn.btn--ghost {
  color: #e9e9f1 !important;          /* readable light text */
  border-color: var(--ring, #243148);
  text-shadow: none;
}
.btn.btn--ghost:hover {
  border-color: var(--brand, #4da3ff);
  color: #ffffff !important;
}

/* Focus ring for accessibility (keeps white text) */
a.btn:focus-visible,
button.btn:focus-visible {
  outline: 2px solid var(--brand, #4da3ff);
  outline-offset: 3px;
  color: #fff !important;
}

/* Disabled look while keeping readability */
.btn[disabled],
.btn.is-disabled,
.btn[aria-disabled="true"]{
  opacity: .65;
  cursor: not-allowed;
  color: #f2f2f7 !important;
}

/* Utility sizes if needed */
.btn.btn--lg { padding: 16px 24px; font-size: 1.05rem; }
.btn.btn--sm { padding: 9px 14px;  font-size: .92rem;  }

/* Ensure table/action buttons inherit same rules */
table .btn { color:#fff !important; }/* End custom CSS */