.before, .after{
    flex-basis: 50%;
}
.before ul, .after ul {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #fff;
}

.before ul li, .after ul li {
    position: relative;
    padding: 5px 5px 5px 25px;
}
.before ul li:nth-child(even), .after ul li:nth-child(even) {
    border-top: 1px solid var(--button_gradient_top_color);
    border-bottom: 1px solid var(--button_gradient_top_color);
    background-color: #ff6b6b36;
}
.before ul li:before, .after ul li:before {
    left: 5px;
    position: absolute;
    color: var(--button_gradient_top_color);
}
.before ul li:before{
    content: "\00d7";
}
.after ul li:before{
    content: "\2713";
}
.before_after {
    display: flex;
    row-gap: 10px;
}