/* Staggered Letter Roll-up Hover Effect (w stylu Lama Lama) */

.char-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

.char-primary,
.char-secondary {
  display: inline-block;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: calc(var(--i) * 0.015s);
  will-change: transform;
}

.char-secondary {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(100%);
}

/* Stan hover - oryginalne litery wyjeżdżają w górę, nowe wjeżdżają od dołu */
.services__cat-btn:hover .char-primary,
.services__tldr-btn:hover .char-primary,
.header__contact-btn:hover .char-primary {
  transform: translateY(-100%);
}

.services__cat-btn:hover .char-secondary,
.services__tldr-btn:hover .char-secondary,
.header__contact-btn:hover .char-secondary {
  transform: translateY(0);
}