:root {
  --embed-background-color: var(--color-blue-light);
  --embed-message-size: inherit;
  --embed-message-line-height: var(--line-height-body);
  --embed-gap: 3rem;

  @include use-responsive-sizing(--embed-padding-block --embed-padding-inline, responsive-map(xs 2rem, xl 4rem));
}

.embed {
  iframe {
    block-size: revert-layer;
  }
}

.embed__content {
  background-color: var(--embed-background-color);
  padding-block: var(--embed-padding-block);
  padding-inline: var(--embed-padding-inline);
  text-align: center;
}

.embed__message {
  font-size: var(--embed-message-size);
  line-height: var(--embed-message-line-height);
  margin-block-end: var(--embed-gap);
  margin-inline: auto;
  max-inline-size: 60ch;
}