
div.window { 
  color: white;
  width: 100%;
    padding: .42rem;
  border-radius: 5px;
  background: transparent;
  margin: 1rem;
  text-align: center;
  margin: 0 auto; 
  
}

div.window label { 
  color: #fff;
  display: block;
  border-radius: 5px;
  padding: .6rem;
  transition: .4s all linear; 
}

div.window label:hover { 
  cursor: pointer; background: transparent; 
}

input.toggle ~ div { 
  height: 0px; margin: .2rem;
  overflow: hidden;
  transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620);
  font-weight: 300;
}

input.toggle:checked ~ div { height: auto; }
input.toggle:checked + label { background: transparent; }
input.toggle { display: none; } 



