

  body {
    margin: 0; /* Remove default browser margin from the body */
    padding: 0; /* Remove default browser padding from the body */
  }

  .contJsonInteraction {
    display: flex;
    gap: 10px; /* Space between columns */
    padding: 10px; /* Padding inside the container, keeping content off edges */
    background-color: #f0f0f0; /* Example background to see the full width */
    /* *** No 'max-width' here! The container will naturally expand to 100% width. *** */
  }

  .column {
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    text-align: center;
  }

  .middle-column {
    width: 160px; /* Fixed width for the middle column */
    flex-shrink: 0; /* Prevents the middle column from shrinking */
  }

  .outer-column {
    flex: 1; /* Outer columns share remaining space equally */
  }


.button-container {
        column-gap: 20px;
        display: grid;
        row-gap: 20px;
      }
