/* Add layout classes to the parent container of the buttons to make them side-by-side on mobile */
@media (max-width: 1024px) {
  /* Tablet styles */
  .elementor-widget-button {
    display: flex !important; /* Ensure visibility on tablet */
  }

  .elementor-widget-button .elementor-button {
    padding: 12px 20px;
    font-size: 15px;
    border-radius: 8px;
    width: auto; 
    justify-content: center;
  }
  
  /* Target the container holding the buttons to ensure they align side-by-side */
  .elementor-container:has(> .elementor-widget-button),
  .e-con:has(> .elementor-widget-button) {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap;
      gap: 10px;
      justify-content: center;
      align-items: center;
  }
  
  .elementor-widget-button {
      width: auto !important;
      flex: 1;
  }
}

@media (max-width: 767px) {
  /* Mobile only styles */
  .elementor-widget-button .elementor-button {
    padding: 10px 15px;
    font-size: 14px;
  }
  
  .elementor-container:has(> .elementor-widget-button),
  .e-con:has(> .elementor-widget-button) {
      gap: 8px;
  }
}