.elementor-23382 .elementor-element.elementor-element-ca22207{--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;}/* Start custom CSS for html, class: .elementor-element-948d335 *//* Contact buttons: keep gap and prevent overlap on mobile */
.contact-card .btn-row {
  display: flex;
  gap: 12px;            /* horizontal gap between buttons */
  flex-wrap: wrap;      /* allow buttons to wrap onto next line instead of overlapping */
  justify-content: center;
  align-items: center;
}

/* Make each button flexible so it can shrink/grow when wrapping */
.contact-card .btn {
  flex: 0 1 auto;       /* don't force full-width by default, allow shrinking */
  min-width: 140px;     /* ensure tappable size on mobile */
}

/* Optional: on very small screens, make buttons full width for best UX */
@media (max-width:420px) {
  .contact-card .btn {
    flex: 1 1 100%;     /* each button takes full line; stacked vertically */
    min-width: 0;
  }
}/* End custom CSS */