.accordion .grid-3-6-3 {
    gap: 0;
}

.accordion-item {
    transition: none .3s ease allow-discrete;
    position: relative;
    padding: var(--spacing-s) 0;
    cursor: pointer;
    border-top: 1px solid var(--text--pos);
}

.accordion-item:last-of-type {
        border-bottom: 1px solid var(--text--pos);
    }

.accordion-title {
    position: relative;
}

.accordion-title:hover::before {
            opacity: 1;
            font-weight: 100;
        }

.accordion-item[open] .accordion-title::after {
            transform: translate(0, -50%) rotateX(180deg);
        }

.accordion-title::after {
    content: "\2193";
    font-family: "bomuldots", sans-serif;
    font-weight: 100;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: 1ch;
    text-align: center;
    background: transparent;

    transition: all .4s cubic-bezier(0.15, 0, 0.35, 1) allow-discrete;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 0;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(calc(0, -50%)) rotate(0);
}

.accordion-item[open] {
    border-top: 1px solid var(--reds--rosa);
}

@starting-style {

.accordion-item[open] .accordion-title {
        opacity: 0
}
    }

.accordion-item[open] .accordion-title::after {
    transform: translateY(calc(0, -50%)) rotate(180deg);
    line-height: 0.5;
}

.accordion-title {
    list-style: none;
}

.accordion-title::-webkit-details-marker,
.accordion-title::marker {
    display: none;
}

.accordion-title {
    color: var(--text--pos);

    /* Heading/M Medium */
    font-size: var(--line-height--body--m);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height--heading); /* 142.857% */
    letter-spacing: var(--tracking-tight, -0.0625rem);

    padding-right: 2rem; /* Arrows are overlapping the text */
}

.accordion-content {
    color: var(--text--pos);
    padding: var(--spacing-xs) 0;
    transition: all .4s cubic-bezier(0.09, 0.52, 0.49, 0.97) allow-discrete;
}

.accordion-content p, .accordion-content li, .accordion-content a[class], .accordion-content td, .accordion-content th, .accordion-content span {
        font-weight: var(--weight--body-default);
        font-size: var(--body-sizes--medium);
        line-height: var(--line-height--body--m);
    }

.accordion-content li {
        font-size: var(--body-sizes--medium);
        line-height: var(--line-height--body--m); /* 150% */
        font-weight: 400;
    }