.accordion{width:100%;margin:auto;border-radius:8px;border:2px solid #337}.accordion input{display:none}.accordion label{display:flex;align-items:center;justify-content:space-between;padding:1rem;position:relative;padding-left:60px;cursor:pointer;font-weight:700}.accordion label:hover{background:rgba(51,51,119,.06)}.accordion label:hover:before{background:#337}.accordion label:before{content:"";display:flex;width:20px;height:20px;border:2px solid #337;border-radius:4px;position:absolute;left:20px}.accordion section{overflow:hidden;max-height:0;transition:all .4s}.accordion section:not(:last-of-type){border-bottom:2px solid #337}.accordion section div{padding:1rem;font-weight:500}.accordion input:checked+label{background:rgba(51,51,119,.05)}.accordion input:checked+label:before{background:#000}.accordion input:checked+label+section{max-height:500px}