.hover-box {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.hover-box .hover-text,
.hover-box .hover-btn {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
  pointer-events: none;
}

.hover-box:hover .hover-text,
.hover-box:hover .hover-btn {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}