custom-css-for-highlight-column-in-level-comparison-table.css

/* Custom styling for the highlight level of the level comparison table */

/* Apply borders to the highlighted column */
.pmpro_advanced_levels-compare_table th.pmpro_level-highlight, 
.pmpro_advanced_levels-compare_table td.pmpro_level-highlight {
    border-left: 6px solid #00d084;
    border-right: 6px solid #00d084;
}

/* Add border to the top of the highlighted column */
.pmpro_advanced_levels-compare_table thead th.pmpro_level-highlight:first-of-type {
    border-top: 6px solid #00d084;
}

/* Add border to the bottom of the highlighted column */
.pmpro_advanced_levels-compare_table tfoot td.pmpro_level-highlight:last-of-type {
    border-bottom: 6px solid #00d084;
}

/* Ensure the borders are not overlapping or causing display issues */
.pmpro_advanced_levels-compare_table {
    border-collapse: separate;
}