.notification-banner-wrapper {
  margin: 0px -25px auto -25px;
  padding: 15px; }
  .notification-banner-wrapper .notification-banner {
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    .notification-banner-wrapper .notification-banner .notification-banner-description {
      margin: 0px;
      width: 75%;
      float: left;
      padding-right: 20px; }
      .notification-banner-wrapper .notification-banner .notification-banner-description p {
        color: #ffffff;
        margin: 0px; }
    .notification-banner-wrapper .notification-banner .button {
      border: none;
      margin-top: 0px; }
    .notification-banner-wrapper .notification-banner .button:focus {
      outline: 3px solid #ffffff; }
    .notification-banner-wrapper .notification-banner .button.outline:active {
      background: #ffffff; }
      .notification-banner-wrapper .notification-banner .button.outline:active .button-label {
        color: #E20886; }
  .notification-banner-wrapper.group-pink-redesign-bkg .button.outline, .notification-banner-wrapper.group-navy-redesign-bkg .button.outline {
    background: #ffffff;
    border: 1px solid #ffffff; }
    .notification-banner-wrapper.group-pink-redesign-bkg .button.outline span, .notification-banner-wrapper.group-navy-redesign-bkg .button.outline span {
      color: #E20886; }
  .notification-banner-wrapper.group-pink-redesign-bkg .button.outline:active, .notification-banner-wrapper.group-pink-redesign-bkg .button.outline:hover, .notification-banner-wrapper.group-navy-redesign-bkg .button.outline:active, .notification-banner-wrapper.group-navy-redesign-bkg .button.outline:hover {
    background: #E20886; }
    .notification-banner-wrapper.group-pink-redesign-bkg .button.outline:active .button-label, .notification-banner-wrapper.group-pink-redesign-bkg .button.outline:hover .button-label, .notification-banner-wrapper.group-navy-redesign-bkg .button.outline:active .button-label, .notification-banner-wrapper.group-navy-redesign-bkg .button.outline:hover .button-label {
      color: #ffffff; }
  .notification-banner-wrapper.group-white-redesign-bkg .notification-banner .notification-banner-description p {
    color: #000000; }
  .notification-banner-wrapper.group-white-redesign-bkg .notification-banner .button.outline {
    background: #E20886;
    border: 1px solid #E20886; }
    .notification-banner-wrapper.group-white-redesign-bkg .notification-banner .button.outline span {
      color: #ffffff; }
    .notification-banner-wrapper.group-white-redesign-bkg .notification-banner .button.outline:hover {
      background: #A6297A;
      border-color: #A6297A; }

.notification-banner-mobile {
  display: none; }

@media screen and (max-width: 1200px) {
  .notification-banner-wrapper .notification-banner .notification-banner-description {
    width: 65%; } }

@media screen and (max-width: 992px) {
  .notification-banner-wrapper {
    margin-top: 30px;
    display: none; }
    .notification-banner-wrapper .notification-banner {
      display: inline-block;
      width: 100%;
      padding: 0px 20px; }
      .notification-banner-wrapper .notification-banner .notification-banner-description {
        width: 100%;
        padding-right: 0px; }
      .notification-banner-wrapper .notification-banner .button {
        margin-top: 10px; }
  .notification-banner-mobile {
    display: block;
    margin-bottom: 30px;
    text-align: center; }
    .notification-banner-mobile .notification-banner-wrapper {
      display: block; } }