.modal-container {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  overflow-y: auto;
}

.modal-container.hidden {
  display: none;
}

.modal-content {
  height: fit-content;
  padding: 2% 4%;
}

.modal-close-button {
  width: fit-content;
  aspect-ratio: 1;
  line-height: 0.5;
  align-self: flex-end;
}