/* cta: ported from sections/camp-cta.liquid */
.camp-cta {
  overflow: hidden;
  text-align: center;
}

.camp-cta__inner {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: var(--camp-space-4);
}

.camp-cta__bag {
  width: 104px;
  margin-block-end: var(--camp-space-2);
  rotate: -6deg;
  cursor: default;
}

.camp-cta__backpack {
  width: 100%;
}

.camp-cta__bag.is-wiggling {
  animation: camp-wiggle 700ms var(--camp-ease-out) 1;
}

.camp-cta .camp-display {
  max-width: 14ch;
}

.camp-cta .camp-lede {
  max-width: 34rem;
}

.camp-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--camp-space-3);
  margin-block-start: var(--camp-space-4);
}

.camp-cta__actions .camp-btn {
  min-height: 56px;
  padding-inline: var(--camp-space-7);
}

.camp-cta__objects {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.camp-cta__el {
  position: absolute;
  display: none;
}

.camp-cta__el--a { width: 150px; inset-inline-start: 5%; inset-block-start: 18%; rotate: -14deg; }
.camp-cta__el--b { width: 140px; inset-inline-end: 6%; inset-block-start: 12%; rotate: 16deg; }
.camp-cta__el--c { width: 90px; inset-inline-start: 12%; inset-block-end: 12%; rotate: 10deg; }
.camp-cta__el--d { width: 120px; inset-inline-end: 12%; inset-block-end: 14%; rotate: -8deg; }

@media screen and (min-width: 990px) {
  .camp-cta__el {
    display: block;
  }

  .camp-cta__bag {
    width: 132px;
  }
}