.ckc-embed {
  position: relative;
  aspect-ratio: 16 / 9;
  display: grid;
  place-content: center;
  gap: 0.75rem;
  padding: 1.5rem;
  text-align: center;
  background: var(--wp--preset--color--surface, #f2f2f2);
  border: 1px solid var(--wp--preset--color--border, #c4c4c4);
}
.ckc-embed.is-loaded { padding: 0; border: 0; display: block; }
.ckc-embed iframe { width: 100%; height: 100%; border: 0; display: block; }
.ckc-embed__button {
  justify-self: center;
  font: inherit;
  font-weight: 600;
  padding: 0.75em 1.5em;
  cursor: pointer;
  color: var(--wp--preset--color--on-primary, #fff);
  background: var(--wp--preset--color--primary, #1c4f8c);
  border: 2px solid transparent;
}
.ckc-embed__button:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.ckc-embed__note { margin: 0; font-size: 0.875rem; max-width: 46ch; }