﻿.accordion-footer {
    --bs-accordion-footer-border-color: var(--bs-border-color);
    display: grid;
    flex-shrink: 0;
    flex-wrap: wrap;
    padding: calc(1rem - .5rem * .5);
    background-color: unset;
    border-top: 1px solid var(--bs-accordion-footer-border-color);
    border-bottom-right-radius: calc(9px - (1px));
    border-bottom-left-radius: calc(9px - (1px));
}

.accordion-footer > * {
    margin: calc(.5rem * .5);
}

.accordion-button {
    color: #f4a700;
}

    .accordion-button:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 144, 0, .25) !important;
    }

    .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f4a700'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .accordion-button:not(.collapsed) {
        background-color: #fff;
        color: #f4a700;
    }

        .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='%23f4a700'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        }

@media (min-width: 576px) {
    .accordion-footer {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}