.editor-styles-wrapper .wc-block-order-confirmation-summary,
.wc-block-order-confirmation-summary {
margin-top: $gap-largest;
margin-bottom: $gap-largest;
border-radius: $universal-border-radius;
}
ul {
list-style: none outside;
display: flex;
flex-direction: row;
margin: 0;
padding: 0;
gap: $gap;
flex-wrap: wrap;
justify-content: space-between;
li {
> .wc-block-order-confirmation-summary-list-item__key {
font-weight: bold;
> .wc-block-order-confirmation-summary-list-item__value {
font-weight: inherit;
display: block;
@media only screen and (max-width: 480px) {
width: 100%;
> .wc-block-order-confirmation-summary-list-item__key,
display: inline;
&.has-background {
padding: $gap;