.pattern-media-image__download-button {
  margin: .25rem;
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
}

.pattern-media-image__icon-placeholder {
  opacity: .6;
  transition: opacity .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pattern-media-image__icon-placeholder:after {
  z-index: -1;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  width: 90%;
  height: 90%;
  display: block;
  position: absolute;
  top: 1%;
  left: 1%;
}

.pattern-media-image__icon-placeholder svg {
  width: 45px !important;
  height: 45px !important;
}

.pattern-media-image:hover .pattern-media-image__icon-placeholder, .pattern-media-image:focus .pattern-media-image__icon-placeholder {
  opacity: 1;
}