.accordion-title {
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    border: 1px solid #000;
}

.accordion-item {
    margin-bottom: 2.8px;
}

.accordion-title::after {
    content: "❮";
    display: flex;
    align-items: center;
    justify-content: center;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition: transform 0.5s ease-in;
    transform: rotate(270deg);
    width: 10px;
}

.is-open .accordion-title::after {
    transform: rotate(90deg);
}

.accordion-body {
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease-in-out;
}

.accordion-content {
    padding: 5px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}