#html-body.sales-order-view
    .page-wrapper
    .page-content
    .page-columns
    .main-col
    .entry-edit.order-view
    .ui-tabs-panel.ui-widget-content.ui-corner-bottom
    .admin__page-section.order-addresses
    .admin__page-section-content {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

@media (max-width: 750px) {
    #html-body.sales-order-view
        .page-wrapper
        .page-content
        .page-columns
        .main-col
        .entry-edit.order-view
        .ui-tabs-panel.ui-widget-content.ui-corner-bottom
        .admin__page-section.order-addresses
        .admin__page-section-content {
        flex-direction: column;
    }
    #html-body.sales-order-view
        .page-wrapper
        .page-content
        .page-columns
        .main-col
        .entry-edit.order-view
        .ui-tabs-panel.ui-widget-content.ui-corner-bottom
        .admin__page-section.order-addresses
        .admin__page-section-content
        > div:not(div:first-child) {
        border-top: 1px solid #ececec;
        padding-top: 1rem;
    }
}

#html-body.sales-order-view
    .page-wrapper
    .page-content
    .page-columns
    .main-col
    .entry-edit.order-view
    .ui-tabs-panel.ui-widget-content.ui-corner-bottom
    .admin__page-section.order-addresses
    .admin__page-section-content
    > div {
    flex: 1;
}
