.overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 80px);
  background: rgb(255, 255, 255);
  color: white;
  transition: transform 0.5s ease;
  z-index: 9980;
  transform: translateY(100%);
  display: flex;
}

.overlay.active {
    transform: translateY(0);
}

.can-exit-overlay {}

.iframe-container {
    flex: 1;
    margin: 1rem;
    background-color: #ffffff;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    display: flex;
}

.iframe-container iframe {
    border: none;
   width: 100vw;
   height: 100%;
}