.custom-accordion{margin-top:2.4rem;display: flex;flex-direction: column;gap:1.6rem}     
.custom-accordion-item{border: 1px solid var(--primary-color);border-radius: 3.2rem;overflow: hidden;}               
.custom-accordion-item h4{margin:0;}
.custom-accordion-item li{color:#333}
.custom-accordion-item button{letter-spacing:0;cursor:pointer;border:none;border-radius:0;text-transform:none;padding:1.6rem;display:flex;gap:.8rem;align-items: center;width:100%;place-content:space-between;font-size:1.6rem;line-height:1.5;}
.custom-accordion-item button span{font-size:1.8rem}
.custom-accordion-item .button--primary:before {background-color: var(--primary-color);}
.custom-accordion-item > p,.custom-accordion-item h3{margin:0}
.custom-accordion-item > p > button > span{text-align:left}        
.custom-accordion-item button.button--primary[aria-expanded=true],
.custom-accordion-item button.button--primary:hover{color:#fff}
.custom-accordion-item button[aria-expanded=true]{background:var(--primary-color);}
.custom-accordion-item button:focus{outline-offset: -1.6rem;}
.custom-accordion-item button[aria-expanded=true]:focus,
.custom-accordion-item button:hover:focus{outline-color: #fff;}               
.custom-accordion-item button i{transition:color .7s ease}
.custom-accordion-item button[aria-expanded=true] i,
.custom-accordion-item button:hover i{color:#fff}
.custom-accordion-content{transition:max-height .5s ease-in-out;overflow:hidden;background:var(--bg-soft)}
.custom-accordion-content.closed{max-height:0;} 
.custom-accordion-content > div{padding:0 1.6rem 1.6rem}
.custom-accordion-content > div > p:first-of-type{margin-top:2.4rem}

@media(min-width:1280px){
/*    .custom-accordion-item button{padding:2.4rem;font-size:2rem}*/
    .custom-accordion-content > div{padding: 0 2.4rem 1.6rem}
}