@use "../../vendor/govuk-frontend" as *;

/* ==========================================================================
   #NOTIFICATION BADGE
   ========================================================================== */

.moj-notification-badge {
  @include govuk-font($size: 16, $weight: "bold");
  display: inline-block;
  min-width: 0.75em;
  min-height: 1.25em;
  margin-left: 0.5em;
  padding: 1px 0.25em 0;
  border-radius: 10em;
  // outline ensures number is not obscured in Windows high contrast mode
  // and prevents containers resizing
  outline: 4px solid govuk-colour("red");
  outline-offset: -0.1em;
  color: govuk-colour("white");
  background-color: govuk-colour("red");
  text-align: center;
}

/*# sourceMappingURL=_notification-badge.scss.map */