.block-image__link[data-pswp] {
  cursor: zoom-in;
}

.pswp {
  --pswp-close-button-size: 3.5rem;
  /* --pswp-close-button-offset: 0rem; */
  /* --pswp-close-button-radius: 999px; */
  /* --pswp-close-button-bg: rgba(255, 255, 255, 0.14); */
  /* --pswp-close-button-bg-hover: rgba(255, 255, 255, 0.24); */
  --pswp-close-x-color: #fff;
  --pswp-close-x-length: 2.5rem;
  --pswp-close-x-thickness: 2px;
  --pswp-close-x-radius: 999px;
  --pswp-close-x-angle: 45deg;
  --pswp-close-x-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}

.pswp__button--arrow,
.pswp__button--zoom {
  display: none !important;
}

.pswp__button--close {
  position: relative;
  width: var(--pswp-close-button-size);
  height: var(--pswp-close-button-size);
  margin-top: var(--pswp-close-button-offset);
  margin-right: var(--pswp-close-button-offset);
  border-radius: var(--pswp-close-button-radius);
  background: var(--pswp-close-button-bg);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.pswp__button--close:hover,
.pswp__button--close:focus,
.pswp__button--close:active {
  background: var(--pswp-close-button-bg-hover);
}

.pswp__button--close .pswp__icn {
  display: none;
}

.pswp__button--close::before,
.pswp__button--close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--pswp-close-x-length);
  height: var(--pswp-close-x-thickness);
  border-radius: var(--pswp-close-x-radius);
  background: var(--pswp-close-x-color);
  transform-origin: center;
  box-shadow: var(--pswp-close-x-shadow);
}

.pswp__button--close::before {
  transform: translate(-50%, -50%) rotate(var(--pswp-close-x-angle));
}

.pswp__button--close::after {
  transform: translate(-50%, -50%) rotate(calc(var(--pswp-close-x-angle) * -1));
}

.pswp__counter {
  position: fixed;
  bottom: 0rem;
  left: 1rem;
  margin: 0;
  margin-inline-start: 0;
  line-height: 1;
  /* background: rgba(255, 255, 255, 0.14); */
}

@media screen and (max-width: 800px) {
  .pswp {
    --pswp-close-button-size: 2.5rem;
    --pswp-close-x-length: 2rem;
  }
  .pswp__counter {
    bottom: -0.5rem;
    left: 0.5rem;
  }
}