body {
  text-align: center;
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.content {
  position: relative;
  line-height: 0;
}

.button {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.button__wrapper {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}

.button__img {
  transition: all 0.5s;
}
.button__img:hover {
  filter: brightness(110%) grayscale(30%) opacity(90%);
}

.button__img.over {
  display: none;
}

.button__img--over {
  display: none;
}

.button__img--over.over {
  display: block;
}/*# sourceMappingURL=style.css.map */