.accordion_content {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, black 30%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 30%, transparent 100%);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    transition: max-height 0.5s;
    padding-top: 32px;
}

.accordion-btn {
    text-align: center;
    margin-block: 50px;
}

.read-more {
    position: relative;
    width: 300px;
    max-width: 100%;
    background-color: #EA6176;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 9999px;
    border: 0;
    padding: 1em calc(40px + 1em);

    &::after {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: '\f078';
    }
}

.accordion.is-open {
    .accordion_content {
        -webkit-mask-image: none;
        mask-image: none;
    }
    .read-more {
        &::after {
            transform: rotate(-180deg) translateY(50%);
        }
    }
}