Inline Notice Component

<div class="inline-notice">
  <span class="inline-notice__main">
    <p>
      Your price has been updated.
      <button class="fake-link" type="button">Dismiss</button>
    </p>
  </span>
</div>
<div class="inline-notice inline-notice--confirmation">
  <span class="inline-notice__header">
    <svg
      class="icon icon--16 icon--confirmation-filled"
      height="16"
      width="16"
      role="img"
      aria-label="Confirmation"
    >
      <use href="#icon-confirmation-filled-16" />
    </svg>
  </span>
  <span class="inline-notice__main">
    <p>Your price has been updated.</p>
  </span>
</div>
<div class="inline-notice inline-notice--information">
  <span class="inline-notice__header">
    <svg
      class="icon icon--16 icon--information-filled"
      height="16"
      width="16"
      role="img"
      aria-label="Information"
    >
      <use href="#icon-information-filled-16" />
    </svg>
  </span>
  <span class="inline-notice__main">
    <p>
      <a href="https://www.ebay.com"> Send offers </a>
      to interested buyers.
    </p>
  </span>
</div>
<div class="inline-notice inline-notice--attention">
  <span class="inline-notice__header">
    <svg
      class="icon icon--16 icon--attention-filled"
      height="16"
      width="16"
      role="img"
      aria-label="Attention"
    >
      <use href="#icon-attention-filled-16" />
    </svg>
  </span>
  <span class="inline-notice__main">
    <p>
      <a href="https://www.ebay.com"> Add required aspects </a>
      to keep item alive.
    </p>
  </span>
</div>