.CollapsableBox{width:100%;max-width:768px;background:whitesmoke;border-radius:8px;overflow:hidden;transition:height .6s;transition-timing-function:cubic-bezier(.075,.82,.165,1);margin:12px;p{margin:0;padding:0}.CollapsableBoxHeader{display:flex;align-items:center;justify-content:space-between;padding:24px;p{font-size:1.1em}button{border-radius:24px;aspect-ratio:1/1;transition:all .6s;transition-timing-function:cubic-bezier(.075,.82,.165,1);background-color:transparent;margin-left:8px;&:hover{background-color:rgba(0,0,0,.05);img{&:hover{opacity:1}}}&:focus{outline:2px solid rgba(0,0,0,.2)}img{opacity:.4;transition:all .6s;transition-timing-function:cubic-bezier(.075,.82,.165,1)}}}.CollapsableBoxBody{padding:0 24px 24px;transition:opacity .6s;transition-timing-function:cubic-bezier(.075,.82,.165,1)}}