.modal-card > .modal-close {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: sticky !important;
  top: max(8px, env(safe-area-inset-top)) !important;
  right: auto !important;
  left: auto !important;
  margin: -10px 0 -40px calc(100% - 42px) !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 140 !important;
  border: 1px solid rgba(30, 41, 59, .16) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .97) !important;
  color: rgb(51, 65, 85) !important;
  box-shadow: rgba(15, 23, 42, .14) 0 3px 12px !important;
  line-height: 1 !important;
}

.mk-modal-card > .mk-x {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: sticky !important;
  top: max(8px, env(safe-area-inset-top)) !important;
  right: auto !important;
  left: auto !important;
  margin: -10px 0 -42px calc(100% - 44px) !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10020 !important;
  border: 1px solid rgba(30, 41, 59, .16) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .97) !important;
  color: rgb(51, 65, 85) !important;
  box-shadow: rgba(15, 23, 42, .14) 0 3px 12px !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  .modal-card > .modal-close {
    top: max(8px, env(safe-area-inset-top)) !important;
    margin-right: 2px !important;
  }

  .mk-modal-card > .mk-x {
    top: max(8px, env(safe-area-inset-top)) !important;
    margin-right: 2px !important;
  }
}