/* 1. Make all option‐wrappers and the dependent pane “collapsible.” */
#edit-legal-consultant--wrapper .webform-options-display-buttons-wrapper,
[data-drupal-selector="edit-container-04"] {
  /*overflow: hidden;*/
  transition: max-height 0.5s ease, opacity 0.25s ease;
  /* set a high enough ceiling for the open state */
  max-height: 500px;
  opacity: 1;
  min-width: 33%;
}

/* 2. When “collapsed,” shrink it away */
#edit-legal-consultant--wrapper .webform-options-display-buttons-wrapper.is-collapsed,
[data-drupal-selector="edit-container-04"].is-collapsed {
  max-height: 0;
  opacity: 0;
  max-width: 0 !important;
  min-width: 0;

}

#edit-legal-consultant {
  align-items: stretch !important;
}

#edit-legal-consultant .form-item-legal-consultant {
  height: 100%;
  display: flex;
}