.accordion{h2{border:1px solid;margin:-1px 0 0}p{margin:0}.accordion__button{border:none;border-radius:0;color:inherit;display:block;font-size:28px;font-weight:500;line-height:1.1;margin:-1px 0 0;padding:13px 70px 13px 13px;position:relative;text-align:left;text-transform:none;width:100%;&:focus,&:hover{&:after{transform:rotate(-45deg)}}&:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.97' height='36.963' viewBox='0 0 36.97 36.963'%3E%3Cg fill='%23152644'%3E%3Cpath d='M35.931 19.51H1.029a1.029 1.029 0 1 1 0-2.057h34.912a1.029 1.029 0 1 1-.01 2.057'/%3E%3Cpath d='M18.483 36.963a1.03 1.03 0 0 1-1.029-1.029V1.029a1.029 1.029 0 1 1 2.057 0v34.912a1.03 1.03 0 0 1-1.028 1.022'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:36px;position:absolute;right:1rem;top:.65rem;transition:all .3s ease-in-out;width:36px}}.accordion__button.expanded{&:after{transform:translateY(-50%) rotate(-45deg)}}.accordion__section{background:lavendar;border-left:1px solid purple;border-right:1px solid purple;max-height:0;overflow:hidden;padding:0}.accordion__section.open{max-height:100vh;overflow:auto;padding:1.25em;visibility:visible}}