.elementor-4138 .elementor-element.elementor-element-355da204{--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-4138 .elementor-element.elementor-element-1da86d38 .e-contact-buttons{--e-contact-buttons-contact-button-icon:#FFFFFF;--e-contact-buttons-contact-button-bg:#6F22B2;--e-contact-buttons-contact-gap:6px;--e-contact-buttons-contact-padding-block-end:12px;--e-contact-buttons-contact-padding-block-start:12px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:12px;}.elementor-4138 .elementor-element.elementor-element-1da86d38 .e-contact-buttons__contact-icon-link{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}/* Start custom CSS for contact-buttons-var-10, class: .elementor-element-1da86d38 *//* Hide the globe icon */
.e-fas-globe {
  display: none;
}

/* Add the % symbol after the text with more spacing */
.e-contact-buttons__contact-title::after {
  content: "+";
  font-size: 24px;             /* Adjust size */
  color: #ffffff;              /* White color */
  font-family: Arial, sans-serif;
  display: inline-block;
  margin-left: 24px;           /* Add space between text and the % symbol */
  vertical-align: middle;
  opacity: 1;                  /* Make sure the % symbol is visible */
  transition: opacity 0.3s ease; /* Smooth fade effect */
}

/* Container adjustments for floating element */
.e-contact-buttons__button {
  display: flex;
  justify-content: space-between; /* Align the content inside the button */
  align-items: center;            /* Center the content vertically */
  width: 100%;                    /* Ensure full width */
  position: relative;             /* Position relative for more control */
  padding: 10px 20px;             /* Adjust padding */
}

/* Align the % symbol to the right */
.e-contact-buttons__contact-title {
  display: inline-flex;
  justify-content: flex-end;  /* Align the % symbol to the right */
  width: 100%;                /* Ensure full width */
  overflow: hidden;           /* Prevent overflow */
  text-align: right;          /* Align text to the right */
}

/* Hover behavior: keep hover text visible, hide the % symbol */
.e-contact-buttons__button:hover .e-contact-buttons__contact-title::after {
  content: "";                /* Remove % symbol on hover */
  opacity: 0;                 /* Hide % symbol */
}/* End custom CSS */