.rw-filter-wrapper {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding-left: 0;
    transition: opacity 0.2s ease;
}

.rw-filter-wrapper li {
}

.rw-filter-wrapper li button {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 1.5rem 2rem;
    border: 1px solid transparent;
    background-color: #f5f5f5;
    font-weight: 500;
    border-radius: 30px;
    box-shadow: 0 6px 5px rgb(0 0 0 / 0%);
    cursor: pointer;
    transition: all 0.2s ease;
}
.rw-filter-wrapper li button.active {
    color: #9b3efe;
    border-color: #9b3efe;
    box-shadow: 0 6px 5px #9b3efe10;
    background-color: transparent;
}


.rw-slide {
    opacity: 0;
    /* transform: translateX(20px); */
    transition: opacity 250ms ease-out, transform 0.2s ease;
}

.rw-slide.enter {
    opacity: 1;
    transform: translateX(0);
}

.embla__slide.exit {
    /* position: absolute; */
    transition: opacity 0.2s ease, transform 0.2s ease;
    opacity: 0;
    /* transform: translateX(-20px); */
}