.pass_wrapper {
    width: 100%;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.20);
    /*background: linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.05) 100%);*/
    z-index: 1;
}

.pass__panel {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: none;
    border-radius: 1rem;
}

.pass__panel > .cell.col-b {
    background: linear-gradient(
            135deg,
            rgba(139, 124, 243, 0.20) 3.24%,
            rgba(255, 255, 255, 0.02) 94.23%
    );
}

.pass__panel > .cell.col-c {
    background: linear-gradient(
            135deg,
            rgba(41, 255, 198, 0.20) 3.24%,
            rgba(255, 255, 255, 0.02) 94.23%
    );
}

.pass__panel > .cell.col-b,
.pass__panel > .cell.comparison__header.col-b {
    order: 1;
}

.pass__panel > .cell.col-c,
.pass__panel > .cell.comparison__header.col-c {
    order: 2;
}

.pass__panel > .cell.comparison__header.col-c {
    /*margin-top: 2rem;*/
}

.cell:nth-last-child(-n+2) {
    border-radius: 0;
}

.cell:last-child {
    border-radius: 0 0 1rem 1rem;
}

/* Benefits Section - Desktop */
@media (min-width: 48rem) {
    .pass__wrapper {
        width: 640px;
    }

    .pass__panel {
        max-width: 640px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        background-image: linear-gradient(135deg, rgba(139, 124, 243, 0.40) 3.24%, rgba(255, 255, 255, 0.02) 94.23%);
        background-repeat: no-repeat;
        background-size: 100%; /* each column slice is 1/3 width */
        background-position: right top, left top; /* left, middle, right */
        margin: auto;
    }

    /* remove per-cell backgrounds on desktop so the slice shows through */
    .pass__panel > .cell.comparison__header.col-b,
    .pass__panel > .cell.col-b,
    .pass__panel > .cell.comparison__header.col-c,
    .pass__panel > .cell.col-c {
        background: none;
    }

    .pass__panel > .cell.col-b,
    .pass__panel > .cell.comparison__header.col-b {
        order: 0;
    }

    .pass__panel > .cell.col-c,
    .pass__panel > .cell.comparison__header.col-c {
        order: 0;
    }
}