.row-wbs {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
}

.row-wbs .wshop-wrapper {
    container-type: inline-size;
}

@container (inline-size < 880px) {
    .row-wbs .wshop-wrapper .wshop-body {
        padding: 0;
        display: block;
    }

    .row-wbs .wshop-wrapper .wshop-icons {
        padding: 1.5rem;
    }

    .row-wbs .wshop-wrapper .wshop-action {
        width: 100%;
        border-radius: 0;
        justify-content: space-between;
        padding: 1rem;
    }
}

@container (inline-size < 450px) {
    .row-wbs .wshop--title {
        flex-direction: column;
        justify-content: center;
    }

    .row-wbs .wshop--title .sep {
        display: none;
    }
}

@media (width>=48em) {
    .row-wbs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}
 
@media (width>=62em) {
    .row-wbs {
        grid-template-columns: repeat(12, minmax(0, 2fr));
    }

    .row-wbs .wshop-wrapper {
        grid-column: var(--gc);
    }
}