Primary notifications
Close
There is a problem with your application

Please check your details and try again…

<div class="inm-notifications-list">
  <div class="inm-notifications-list__item inm-notification inm-notification--error">
    <img src="/assets/5ef7834eaf94765043bdc449cc3afbe0.svg" alt="" class="inm-notification__icon" />
    <div class="inm-notification__content">
      <img class="inm-notification__close" src="/assets/c3f7314bf06ff7c6d08e7734f128bc7a.svg" alt="Close" />
      <h6 class="inm-notification__title">There is a problem with your application</h6>
      <p class="inm-notification__subtext">Please check your details and try again…</p>
    </div>
  </div>
</div>
Variations
Close
Your license is about to expire

Update your license before it’s too late!

Close
Congratulations!

Your license has been updated.

<div class="inm-notifications-list">
  <div class="inm-notifications-list__item inm-notification inm-notification--warning">
    <img src="/assets/ca98a5a283db6175ef4d72470b9f7008.svg" alt="" class="inm-notification__icon" />
    <div class="inm-notification__content">
      <img class="inm-notification__close" src="/assets/c3f7314bf06ff7c6d08e7734f128bc7a.svg" alt="Close" />
      <h6 class="inm-notification__title">Your license is about to expire</h6>
      <p class="inm-notification__subtext">Update your license before it’s too late!</p>
      <button type="button" class="inm-button inm-notification__cta inm-button--chevron inm-button--secondary inm-button--small">Update licence</button>
    </div>
  </div>
  <div class="inm-notifications-list__item inm-notification inm-notification--success">
    <img src="/assets/6e35f10806a5247fe63d35c3a58bd68e.svg" alt="" class="inm-notification__icon" />
    <div class="inm-notification__content">
      <img class="inm-notification__close" src="/assets/c3f7314bf06ff7c6d08e7734f128bc7a.svg" alt="Close" />
      <h6 class="inm-notification__title">Congratulations!</h6>
      <p class="inm-notification__subtext">Your license has been updated.</p>
    </div>
  </div>
</div>
Style and spacing
Desktop
4px radius
Mobile
4px radius
Spacing
4px radius