.wc-block-order-confirmation-totals {
margin-top: $gap-large;
margin-bottom: $gap-large * 2;
border: 0 !important; // We want styles to appear on table, not on block.
table {
width: 100%;
border: 1px solid $universal-border-light;
border-spacing: 0;
border-radius: $universal-border-radius;
th,
td {
border-top: 1px solid $universal-border-light;
border-right-width: 0;
border-left-width: 0;
padding: $gap;
margin: 0;
text-align: left;
font-weight: inherit;
border-radius: 0;
}
thead th {
border-top: 0;
thead,
tfoot th {
font-weight: bold;
tfoot tr:last-child {
td,
th {
border-bottom-width: 0;
.wc-block-order-confirmation-totals__total,
.wc-block-order-confirmation-totals__note {
font-variant-numeric: tabular-nums;
text-align: right;
.wc-item-meta {
list-style-type: none;
padding: 0;
margin: 0.5em 0 0;
font-size: 0.75em;
li > * {
display: inline-block;
table[style*="border-width"],
table[style*="border-color"] {
> *,
tr,
border-style: inherit;
border-width: inherit;
border-color: inherit;
border-top-width: 0;
.bundled_table_item {
padding-top: 0;
td.wc-block-order-confirmation-totals__product {
padding-left: $gap-largest;