.t450__item a {
  position: relative;
  overflow: hidden;
  display: inline-block;
  transition: color 0.3s ease;
}

.t450__item a::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
  transition: top 0.4s ease;
  width: 100%;
}

.t450__item a:hover::after {
  top: 0;
}

.t450__item a span {
  display: block;
  transition: transform 0.4s ease;
}

.t450__item a:hover span {
  transform: translateY(-100%);
}