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

.goals-hero__card,
.goals-bento__tile,
.goals-split__card,
.goals-scroll__card,
.goals-lab__card,
.goals-step,
.goals-form__wrap {
  transition: transform var(--goals-transition), box-shadow var(--goals-transition);
}

.goals-hero__card:hover,
.goals-bento__tile:hover,
.goals-split__card:hover,
.goals-scroll__card:hover,
.goals-lab__card:hover,
.goals-step:hover,
.goals-form__wrap:hover {
  transform: translateY(-6px);
  box-shadow: 0 34px 80px rgba(16, 20, 38, 0.18);
}

.goals-btn {
  transition: transform var(--goals-transition), box-shadow var(--goals-transition);
}

.goals-btn:hover {
  box-shadow: 0 26px 60px rgba(29, 125, 216, 0.24);
}

.goals-scroll__card.dragging {
  cursor: grabbing;
}

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

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

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