#section__questions{ details{ border-bottom: var(--border); summary{ height: calc(var(--h-block)*1); display: flex; align-items: center; justify-content: space-between; cursor: pointer; &::after{ content: "▶"; font-size: 0.8em; color: var(--grey-400); } } p{ padding-top: calc(var(--spacing)*0.25); margin-bottom: var(--spacing); border-top: var(--border); } &::details-content { max-height: 0; transition: max-height ease-in .5s; overflow: hidden; // display: grid; // grid-template-rows: 0fr; // overflow: hidden; // transition: grid-template-rows 1s; } &[open]{ &::details-content { max-height: 1000px; filter: none; } summary::after{ transform: rotate(90deg); transform-origin: center; } } } .btn--bold{ display: block; margin: calc(var(--spacing) * 1.5) auto; margin-bottom: 0; } } // @keyframes fadeInDown { // 0% { // opacity: 0; // transform: translateY(-1.25em); // } // 100% { // opacity: 1; // transform: translateY(0); // } // }