.mask:hover .cover {
  padding: 25px !important;
}

.mask::after {
  content: '';
  height: 2rem;
  background: linear-gradient(to bottom, transparent, var(--primary-color));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
  transition: height 0.2s ease 0.2s;
}

.mask:hover::after {
  height: 0;
  transition: height 0.2s ease;
}