// TODO: Remove when temporary message banners have been replaced

// Ensure that text within banners contrasts with blue background
.banner-temporary-message-without-action {
  p.banner-message,
  p.banner-message {
    color: $white;

    a, a:visited {
      color: $white;
    }

    a:hover, a:active {
      color: $light-blue-50;
    }
  }
}

// TODO: Remove when temporary message banners have been replaced

// Ensure that text within banners contrasts with blue background
.banner-temporary-message-without-action {
  p.banner-message,
  p.banner-message {
    color: $white;

    a, a:visited {
      color: $white;
    }

    a:hover, a:active {
      color: $light-blue-50;
    }
  }
}

.temporary-message {
  p.temporary-message-message {
    color: $white;

    a, a:visited {
      color: $white;
    }

    a:hover, a:active {
      color: $light-blue-50;
    }
  }
}

Fix styles for temporary message text
Fix styles for temporary message text
