.elementor-9318 .elementor-element.elementor-element-5b5de12{--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-9318 .elementor-element.elementor-element-3697d62{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c8baa51 *//* Fix: purple buttons making text unreadable */
a.ad-btn,
a.ad-btn:link,
a.ad-btn:visited {
  background-color: #C466C6 !important;  /* purple */
  border-color: #C466C6 !important;
  color: #fff !important;                /* force white text */
  mix-blend-mode: normal !important;     /* prevent blending over backgrounds */
}

/* Hover/Focus for solid button */
a.ad-btn:hover,
a.ad-btn:focus {
  background-color: #b85bb9 !important;  /* slightly darker purple */
  color: #fff !important;
}

/* Ghost variant stays purple text on clear background */
a.ad-btn.ad-btn--ghost,
a.ad-btn.ad-btn--ghost:link,
a.ad-btn.ad-btn--ghost:visited {
  background: transparent !important;
  border-color: #C466C6 !important;
  color: #C466C6 !important;
}

/* Ghost hover */
a.ad-btn.ad-btn--ghost:hover,
a.ad-btn.ad-btn--ghost:focus {
  background: rgba(196,102,198,0.10) !important;
  color: #C466C6 !important;
}

/* Ensure any child spans/icons inherit text colour properly */
a.ad-btn *,
a.ad-btn.ad-btn--ghost * {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Optional: make multi-line labels wrap instead of clipping */
a.ad-btn { white-space: normal !important; }/* End custom CSS */