.giunk-lightbox {
  --lightbox-width: 500px;
  --lightbox-height: 500px;
  display: none;
  position: absolute;
  left: calc(50% - calc(var(--lightbox-width) / 2));
  top: calc(50% - calc(var(--lightbox-height) / 2));
  z-index: 1000;
  background-color: yellow;
}

.giunk-lightbox .giunk-lightbox-header,
.giunk-lightbox .giunk-lightbox-content {
  padding: 8px;
}

.giunk-lightbox .giunk-lightbox-header {
  display: flex;
  align-items: center;
}

.giunk-lightbox .giunk-lightbox-header .giunk-lightbox-close-button {
  width: 50px;
  height: 50px;
  background-color: red;
}