div.custom-banner-container {
  /* Invisible: fixes banner on page above page content */
  position: fixed;
  width: 100%;
  z-index: 10000;

  /* Animate show/hide */
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  
  /* Hidden by default */
  opacity: 0;
  visibility: hidden;
}

div.custom-banner-container.shown {
  opacity: 1;
  visibility: visible;
}

div.custom-banner-body {
  /* Visible: visible banner background */
  display: flex;
  justify-content: space-between;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 1rem 1.5rem;
  border-radius: 4px;
}

div.custom-banner-content {
  /* Visible: content of banner */
  margin: auto auto auto 0;
  font-size: 120%;
  overflow-wrap: anywhere;
}

div.custom-banner-actions {
  /* Invisible: buttons container */
  text-align: center;
  margin: auto 0 auto 0.5rem;
}

a.button.custom-banner-button {
  /* Visible: action button */
  margin: 0.125rem 0 0.25rem 0.125rem;
}

a.button.custom-banner-dismiss {
  /* Visible: dismiss button */
  margin: 0 0.125rem 0.125rem 0;
  filter: grayscale(1);
}