.app-banner {
  background-color: var(--off-white);
  border-top: 1px solid var(--gray-200);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  max-width: 100vw;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.app-banner__dismiss {
  padding: 16px;
  height: 100%;
  border-right: 1px solid var(--gray-200);
}

.app-banner__content {
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  width: 100%;
}

.app-banner__caption-group {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}

.app-banner__logo {
  max-width: 40px;
  border-radius: var(--border-radius);
}

.app-banner__caption {
  font-weight: var(--font-weight-bold);
  color: var(--gray-700);
}