.accordion {
    details {
        @apply border border-solid border-gray border-b-0 lg:border-0 lg:border-b overflow-auto;

        .wrapper {
            @apply cursor-pointer list-none p-4 pb-3 flex justify-between text-left w-full;
        }
        summary {
            & > * {
                @apply inline;
            }

            h3 {
                @apply text-red m-0;
            }

            .icon {
                @apply mt-1 ml-4;
            }

            .icon-plus {
                @apply inline;
            }

            .icon-minus {
                @apply hidden;
            }

            &:focus {
                outline: 0 !important;
                box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
            }
        }

        .card-body {
            @apply py-2;

            .paragraph {
                @apply px-4;

                a {
                    @apply text-red underline;
                }
            }
        }

        &[open] {
            summary {
                .icon-plus {
                    @apply hidden;
                }

                .icon-minus {
                    @apply inline;
                }
            }
        }
    }

    details:last-child {
        border-bottom: 1px solid #e3e3e3;
    }
}