.promotional-banner {
  text-align: center;
  font-size: 1.4rem;

  &:not(.waiting-js) {
    .promotional-banner__content {
      opacity: 1;
    }
  }

  &.waiting-js {
    .promotional-banner__content {
      opacity: 0;
    }
  }

  .promotional-banner__link {
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }
}

.shopify-design-mode .promotional-banner .promotional-banner__content {
  opacity: 1;
}