.b-featured-table {
    
    $container-xs: 10px;

    background-color: $accent-grey;
    color: $brand-grey-hover;

    &__row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-bottom: 1px solid $grey-light;

        &:first-child {
            border-top: 1px solid $grey-light;
        }

    }

    &__cell {
        box-sizing: border-box;
        flex-grow: 1;
        border-right: 1px solid $grey-light;
        padding: $container-xs;
        overflow: hidden; // Or flex might break

        &:first-child {
            border-left: 1px solid $grey-light;
        }

        &--head {
            background-color: $accent-grey-hover;
            font-weight: bold;
        }

        &--no-border {

            &-right {
                border-right: none;
            }

            &-left {
                border-left: none;
            }
        }

        &--dark {
            background-color: $brand-dark;
            color: $brand-white;
        }

        &--white {
            background-color: $brand-white;
        }
    }

}