.elementor-19685 .elementor-element.elementor-element-6c95f6b0{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-62bc47c9 */@media (max-width: 480px) {
  a.cta-button {
    display: inline-block !important;
    width: auto !important;
    max-width: 90% !important;   /* Prevents it from touching the screen edges */
    padding: 12px 16px !important; /* Slightly tighter padding so the long text fits */
    font-size: 14px !important;    /* Shrinks the font slightly so "CONVERSATION" doesn't overflow */
    white-space: normal !important;/* Allows the text to wrap to a second line if the screen is tiny */
    text-align: center !important;
    margin: 0 auto !important;
  }
}

/* Base button styles (Applies to desktop and tablets) */
a.cta-button {
  background-color: #0056b3; /* Change this hex code to match your brand's specific blue */
  color: #ffffff !important; /* White text */
  font-weight: bold;         /* Bolded text */
  border-radius: 25px;       /* Rounded edges */
  
  /* Additional styling to make the link look like a button */
  display: inline-block;
  padding: 12px 24px;
  text-decoration: none;     /* Removes the link underline */
  text-align: center;
}

/* Hover effect (Optional but recommended) */
a.cta-button:hover {
  background-color: #004494; /* Slightly darker blue on hover */
  color: #ffffff;
}

/* Your existing mobile styles */
@media (max-width: 480px) {
  a.cta-button {
    display: block !important;     /* Changed from inline-block to block so 'margin: 0 auto' works properly to center it */
    width: auto !important;
    max-width: 90% !important;     /* Prevents it from touching the screen edges */
    padding: 12px 16px !important; /* Slightly tighter padding so the long text fits */
    font-size: 14px !important;    /* Shrinks the font slightly so "CONVERSATION" doesn't overflow */
    white-space: normal !important;/* Allows the text to wrap to a second line if the screen is tiny */
    text-align: center !important;
    margin: 0 auto !important;     /* Centers the button on the screen */
  }
}/* End custom CSS */