[data-theme="light"] .promo,
.promo {
  --promo-bg: #fff1c8;
  --promo-highlight-box-shadow: inset 0 -5px 0 0 #ffd196;

  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(var(--spacing-4) * -1);
  margin-bottom: var(--spacing-5);
  background: var(--promo-bg);
  border-radius: .25rem;
  padding: var(--spacing-3);
  font-size: 90%;
}

[data-theme="dark"] .promo {
  --promo-bg: #292518;
  --promo-highlight-box-shadow: inset 0 -3px 0 0px #736635;
}

.promo b {
  box-shadow: var(--promo-highlight-box-shadow);
}

.promo-body {
  padding: .5rem;
}

.promo-sm {
  display: flex;
  align-items: center;
  margin-top: calc(var(--spacing-3) * -1);
  margin-bottom: var(--spacing-3);
  border-radius: 0 !important;
  text-decoration: none;
  font-size: 90%;
}