.detailButtonRow { display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.detailButtonRow button { white-space:nowrap; }
.detailButtonRow .deleteOrder { border-color:#d9aea3; color:#8a2d1d; background:#fff8f6; }
.detailButtonRow .deleteOrder:hover { border-color:#c97868; background:#fce8e3; }
.detailButtonRow .archiveOrder { border-color:#b9c8bd; color:#31533d; }
.archivedOrderNotice { display:flex; justify-content:space-between; gap:18px; align-items:center; margin:12px 0; padding:17px 19px; border:1px solid #c7cfc9; border-radius:13px; background:#f1f3f1; color:#4c5951; }
.archivedOrderNotice span { font-size:13px; }
.archivedCard { border-color:#bfc7c1; background:#f4f5f4; }
.archivedCard .cardOpen { opacity:.78; }
.archivedNote { color:#5c675f; font-size:13px; font-weight:800; }

@media(max-width:700px) {
  .detailButtonRow { width:100%; flex-direction:column; }
  .detailButtonRow button { width:100%; }
  .archivedOrderNotice { flex-direction:column; align-items:flex-start; }
}