Как получить все встроенные стили из строки html (JS)

const HTML = `<div style = "min-width:300px;max-width:600px;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;margin:0 auto;" align = "center">
  <div style = "margin: 0 auto;padding: 20px;">
    <a href = "/" style = "text-decoration: none;">
       <img src = "https://i.ibb.co/KXYtCNT/Logo-wellness-w.png" alt = "" width = "84px" />
    </a>
  </div>
</div>`;

// Pattern explained here: https://regex101.com/r/K4z8M4/1
const CSS_PATTERN = /([\w-]*)\s*:\s*(.*?)(?=\s*(?:;|$))/g;

const parser = new DOMParser();
const doc = parser.parseFromString(HTML, 'text/html');
const domElements = doc.querySelectorAll('body *');

domElements.forEach((e) => {
  if (e.style.cssText != '') {
    console.info('Found style attribute on <' + e.tagName + '>');
    console.info('Inline CSS = "' + e.style.cssText + '"');
    console.info('Get CSS rules with regex:');
    // Split the inline CSS with a regex.
    const matches = e.style.cssText.matchAll(CSS_PATTERN);
    for (const match of matches) {
      console.info('  ' + match[1] + ': ' + match[2]);
    }
    
    // The style object of the DOM element has some numeric
    // attributes, which seems to be all the CSS rules applied
    // from the CSS text. This might be more precise than
    // the CSS text itself, as it may contain some errors.
    console.info('Affected style rules:');
    for (const [key, value] of Object.entries(e.style)) {
      // Check if the key is numeric.
      // Only tested on Chrome, Firefox and Edge.
      if ((key + "").match(/^\d+$/)) {
        console.info('  ' + value);
      }
    }
  }
});