.content-toggle {

  &__content {
    @include content-container;

    //TODO has no effect when content also has hidden attribute...
    transition: opacity 200ms $easing-in-out;
    opacity: 1;


    &[hidden] {
      display: none; //must be here to overwrite any other display property on the hiddden content, e.g. display: grid;
      opacity: 0;
    }
  }
}