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

.club-hero__card,
.club-panel,
.club-carrousel__card,
.club-matrix__card,
.club-architecture__card,
.club-hub__card,
.club-form__wrap {
  transition: transform var(--club-motion), box-shadow var(--club-motion);
}

.club-hero__card:hover,
.club-panel:hover,
.club-carrousel__card:hover,
.club-matrix__card:hover,
.club-architecture__card:hover,
.club-hub__card:hover,
.club-form__wrap:hover {
  transform: translateY(-6px);
  box-shadow: 0 36px 90px rgba(5, 10, 22, 0.32);
}

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

.club-btn:hover {
  box-shadow: 0 28px 60px rgba(255, 197, 97, 0.28);
}

.club-switcher__btn:hover {
  box-shadow: 0 24px 56px rgba(92, 198, 255, 0.28);
}

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

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

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