.accordion .accordion-item {
    border-color: var(--gray-300);
    border-radius: 0;
    color: var(--gray-700);
}

.accordion-button {
    background-color: var(--gray-50);
    border-radius: 0;
    box-shadow: none;
    font-size: inherit;
    font-weight: var(--font-medium);
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
  
.accordion-button:not(.collapsed) {
    background-color: var(--bg-section);
    box-shadow: none;
    color: var(--white);
}

.accordion-button::after {
    transition: all .3s ease;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.accordion-button:focus {
    box-shadow: none;
    outline: none;
}

.accordion-body {
    padding: var(--space-4);
}