/*
Toggle Group With button Transition
*/
.toggle-panel {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(10px);

  transition:
    max-height 300ms ease,
    opacity 200ms ease,
    transform 220ms ease,
    visibility 0s linear 300ms;


}

.toggle-panel.is-open {
  max-height: 2000px; /* big enough to fit your content */
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
 transform: translateX(0);

  transition:
    max-height 300ms ease,
    opacity 200ms ease,
    transform 220ms ease,
    visibility 0s;
}
/*
Toggle Group With button Transition
*/