div.htmx-accordion{
    border: 2px solid black;
    padding: 10px;
    width: 300px;
    border-radius: 0.25rem;
    padding: 0px;
    width: 420px;
    & > div:has(button){
        border-bottom: 1px solid black;
        padding-inline: 10px;
        padding-block:  5px;
        background: black;
        color: white;
        button{
            height: 100%;
            background: black;
            color: white;
        }
    }
    & > div:not(:has(button)){
        max-height: 0;
        overflow: hidden;
        padding: 0 5px;
    }
    &.active > div:not(:has(button)){
        max-height: unset;
        padding: 0 5px;
        transition: max-height 0.5s ease-in, padding 0.3s ease-in;
    }
}