.cover {
  position: relative;
  background-color: #000;
  color: #FFF;
  transition: all .3s ease-in-out;
}

.cover a {
  display: block;
  background: inherit;
  padding: 70px 10%;
  color: #FFF;
  text-decoration: none;
  box-shadow: none;
}

.cover figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  opacity: .1;
}
.cover article {
  position: relative;
  text-align: center;
}

.cover__shadow {
  position: absolute;
  bottom: -12px;
  left: 8%;
  width: 84%;
  height: 50%;
  filter: blur(20px) saturate(3) brightness(0.7);
  z-index: -1;
  pointer-events: none;
  transition: all .3s ease-in-out;
  background: inherit;
}
.cover:hover {
  transform: translateY(2px);
}
.cover:hover .cover__shadow {
  bottom: -5px;
  left: 4%;
  width: 92%;
  -webkit-filter: blur(5px) saturate(3) brightness(0.7);
  filter: blur(5px) saturate(3) brightness(0.7);
}