.accordion__item {
    width: 100%;
    border-bottom: 1px solid lightgray;
}

.accordion__item:first-child {
    border-top: 1px solid lightgray;
}

.accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.accordion__item p {
    display: none;
}

.accordion__item.accordion--expand p {
    display: block;
}

.accordion__arrow {
    width: 18px;
    height: 18px;
    transition: 200ms all ease-in-out;
}

.accordion__item .accordion__arrow {
    transition: 200ms all ease-in-out;
    transform: rotate(0deg);
    background-image: url("/static/images/chevron-down.svg");
}

.accordion__item.accordion--expand .accordion__arrow {
    transition: 200ms all ease-in-out;
    transform: rotate(180deg);
}