.kb-document-button { margin-inline-start: 8px !important; }
.kb-order-documents { display: flex; margin: 22px 0; padding: 20px; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid var(--line, rgba(7, 27, 44, .13)); border-radius: 16px; background: var(--surface, #fff); color: var(--text, #071b2c); }
.kb-order-documents > div:first-child { display: flex; min-width: 0; align-items: flex-start; gap: 13px; }
.kb-order-documents > div:first-child > span { display: grid; width: 43px; height: 43px; flex: 0 0 auto; border: 1px solid color-mix(in srgb, var(--amber, #f2a900) 42%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--amber, #f2a900) 9%, transparent); color: var(--amber, #c88700); font-size: 21px; place-items: center; }
.kb-order-documents small { color: var(--amber, #c88700); font-size: 11.5px; font-weight: 850; }
.kb-order-documents h2 { margin: 2px 0; font-size: 19px; }
.kb-order-documents p { margin: 0; color: var(--muted, #68757d); font-size: 12.5px; }
.kb-order-documents__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.kb-order-documents__actions a { display: inline-flex; min-height: 39px; padding: 7px 12px; align-items: center; border: 1px solid var(--line, rgba(7, 27, 44, .13)); border-radius: 9px; color: var(--text, #071b2c); font-size: 12px; font-weight: 800; }
.kb-order-documents__actions a.is-primary { border-color: var(--amber, #f2a900); background: var(--amber, #f2a900); color: #071b2c; }
.kb-order-documents__actions > span { flex-basis: 100%; color: var(--muted, #68757d); font-size: 11.5px; text-align: left; }
@media (max-width: 760px) { .kb-order-documents { align-items: stretch; flex-direction: column; } .kb-order-documents__actions { justify-content: flex-start; } .kb-order-documents__actions a { flex: 1 1 150px; justify-content: center; } }