/* Start custom CSS for html, class: .elementor-element-7cc20fa1 *//* Full CSS for ROI Calculator trigger button with correct hover text color */
#roi-calc-trigger {
  display: inline-block !important;
  box-sizing: border-box !important;            /* include border in overall size */
  background-color: #57c046 !important;         
  border: 2px solid #57c046 !important;         /* permanent green border */
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;                /* tighter rounding */
  text-align: center !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
}

/* Default (non-hover) text color forced white */
#roi-calc-trigger:not(:hover),
#roi-calc-trigger:not(:hover) * {
  color: #ffffff !important;
}

/* Hover: invert background + text, keep border */
#roi-calc-trigger:hover {
  background-color: #ffffff !important;         /* white background on hover */
  border-color: #57c046 !important;             /* maintain green border */
}

#roi-calc-trigger:hover,
#roi-calc-trigger:hover * {
  color: #57c046 !important;                    /* green text on hover */
}/* End custom CSS */