.accordion-item-content {
    overflow: hidden;
    max-height:0;
    transition: all 0.3s;
}

.accordion-arrow {
    margin-left: auto;
    transform: rotate(-90deg);
    transition: transform 0.3s;
    content: url('/images/block-accordion-arrow.png');
}

.accordion-open > .accordion-item-content {
    max-height:100rem;
}

.accordion-open .accordion-arrow {
    transform: rotate(0deg);
}

.accordion-block {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
    border-radius: 2rem;
    overflow: hidden;
}

.accordion-item {
    padding: 1rem;
    border-bottom: 1px solid;
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-item-button {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.accordion-block-2 {
    .accordion-item {
        padding:0;
        .accordion-item-button {
            padding: 1rem;
            padding-left: 4rem;

        }
    }
    .accordion-open {
        &.accordion-item {
            @apply bg-bright-blue;
            .accordion-item-title {
                @apply text-white;
            }
            .accordion-arrow {
                content: url('/images/accordion-2-arrow-white.png');
                padding-left:12px;
                padding-right:12px;
                padding-top:18px;
                padding-bottom:18px;
            }
        }
    }
}