.collapse {
  [class~="description"] {
    height: auto;
    max-height: 5000px;
    padding: 0;
    overflow: hidden;
    transition-property: opacity, max-height;
    transition-duration: 0.5s;
    transition-timing-function: ease;
  }

  &[class~="notCollapsed"] {
    button {
      border-top: none;
      border-right: none;
      border-left: none;
      border-bottom-width: 2px;
    }
  }

  &[class~="collapsed"] {
    [class~="description"] {
      max-height: 0;
      opacity: 0;
    }
  }
}