.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}
.faq-item.faq-open .faq-answer {
    max-height: 500px;
    opacity: 1;
    padding-bottom: 2rem;
}

.faq-item.faq-open .chevron {
    transform: rotate(180deg);
    color: #A78BFA;
}
button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, body .wp-block-file .wp-block-file__button:hover, body .wp-block-file .wp-block-file__button:focus {
    color: #ffffff;
    background-color: #FFFFFF00 !important;
    border-color: var(--ast-global-color-1);
}