:root {
  --future-motion: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}

.future-hero__card,
.future-card,
.future-track__card,
.future-mile,
.future-academy-card,
.future-faculty__card,
.future-switcher__view,
.future-form-wrap {
  transition: transform var(--future-motion), box-shadow var(--future-motion);
}

.future-hero__card:hover,
.future-card:hover,
.future-track__card:hover,
.future-mile:hover,
.future-academy-card:hover,
.future-faculty__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 32px 72px rgba(7, 9, 20, 0.28);
}

.future-switcher__btn {
  transition: transform var(--future-motion), box-shadow var(--future-motion);
}

.future-switcher__btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(255, 125, 227, 0.26);
}

.future-cookie {
  transition: opacity var(--future-motion), transform var(--future-motion);
}

.future-cookie[data-visible='false'] {
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
}

.future-cookie[data-visible='true'] {
  opacity: 1;
  transform: translateY(0);
}