.jr-lazy-embed {
  position: relative;
  width: 100%;
  min-height: var(--jr-lazy-embed-height, 600px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--jr-color-surface-warm, #F6F2F0);
  border: 1px solid var(--jr-color-border, #D9D4D2);
  border-radius: var(--jr-radius-md, 8px);
  overflow: hidden;
}

.jr-lazy-embed iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.jr-lazy-embed__button {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  font-family: var(--jr-font-action, "Ubuntu", "Poppins", system-ui, sans-serif);
  font-size: var(--jr-text-base, 1.0625rem);
  font-weight: 600;
  color: var(--jr-button-text, #F7F3F1);
  background: var(--jr-button-bg, #D12731);
  border: 1px solid var(--jr-button-border, #D12731);
  border-radius: var(--jr-button-radius, 4px);
  padding: var(--jr-button-padding-y, 0.94rem) var(--jr-button-padding-x, 2.125rem);
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.jr-lazy-embed__button:hover,
.jr-lazy-embed__button:focus-visible {
  background: var(--jr-button-bg-hover, #A52027);
}

.jr-lazy-embed__button:focus-visible {
  outline: 2px solid var(--jr-color-focus, #D89C42);
  outline-offset: 2px;
}

.jr-lazy-embed__loading {
  font-family: var(--jr-font-body, "Exo 2", sans-serif);
  color: var(--jr-color-text-muted, #6F6A6A);
}