.site-preview {

  position: relative;

  display: block;

  width: 100%;

  height: 420px;

  min-height: 0;

  align-self: center;

  overflow: hidden;

  padding: 0;

  background: #eaf1f5 !important;

  border: 1px solid var(--line);

}


.site-preview iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 200%;

  height: 840px;

  border: 0;

  transform: scale(0.5);

  transform-origin: top left;

  pointer-events: none;

  background: white;

}


.preview-label {

  position: absolute;

  left: 12px;

  bottom: 12px;

  padding: 7px 11px;

  border-radius: 99px;

  background: rgba(7, 26, 50, .92);

  color: white;

  font-size: .72rem;

  letter-spacing: .05em;

  text-transform: uppercase;

  box-shadow: 0 6px 18px rgba(0, 0, 0, .18);

}


@media (max-width: 759px) {

  .site-preview {

    height: 360px;

  }


  .site-preview iframe {

    height: 720px;

  }

}