hide{
    clip: rect(0 0 0 0);
    position: absolute;
  }
  
  .accordion-child{
    overflow: hidden;
    transition: all 0.5s ease;
    
    opacity: 0;
    height: 0;
    transform: scale(1,0);
    transform-origin: center top;
  }
  
  input[type=checkbox]:checked ~ .accordion-child{
    height: auto;
    opacity: 1;
    transform: scale(1,1);
  }
  input[type=checkbox]:checked ~ .flex .toggle-button {
    display: none;
  }
