.accordion-content {
    max-height: 0;
    transition: max-height .3s ease-out;
    overflow: hidden
}

.accordion-item:focus-within .accordion-content {
    max-height: 500px
}

.accordion-item:focus-within .arrow-icon {
    transform: rotate(180deg)
}