.dual-text-button-section {
    background-color: {{ section.settings.background_color | default: '#ffffff' }};
  }
  
  .dual-button-container {
    width: 100%;
  }
  
  .dual-text-button {
    width: 100%;
    text-align: left;
  }
  
  .button-text-left {
    text-align: left;
  }
  
  .button-text-right {
    text-align: right;
  }
  
  /* Mobile Responsive */
  @media (max-width: 768px) {
    .dual-text-button {
      flex-direction: row;
      text-align: center;
      gap: 10px;
    }
    
    .button-text-left,
    .button-text-right {
      text-align: center;
      width: 100%;
    }
  }