/* LP v2 CTA styles */
.lp-v2__cta {
  position: absolute;
  left: var(--cta-left);
  top: var(--cta-top);
  bottom: var(--cta-bottom);
  transform: translateX(-50%);
  width: var(--cta-width);
  display: block;
  cursor: pointer;
  text-decoration: none;
}

.lp-v2__cta-image {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.2s ease;
}

.lp-v2__cta:hover .lp-v2__cta-image,
.lp-v2__cta:focus-visible .lp-v2__cta-image {
  transform: scale(var(--lp-v2-cta-hover-scale));
}

.lp-v2__cta.is-fixed {
  position: fixed;
  left: var(--fixed-left, var(--cta-left));
  top: var(--fixed-top, var(--cta-top));
  bottom: var(--fixed-bottom, var(--cta-bottom));
  width: var(--fixed-width, var(--cta-width));
  z-index: 1000;
}

/* CTA placement presets */
.lp-v2__cta[data-cta="top"] {
  --cta-top: 50%;
  --cta-bottom: auto;
}

.lp-v2__cta[data-cta="center"] {
  --cta-top: 50%;
  --cta-bottom: auto;
}

.lp-v2__cta[data-cta="bottom"] {
  --cta-top: auto;
  --cta-bottom: 6%;
}

/*
  Per-section CTA tuning example:
  .lp-v2__section--5 .lp-v2__media--pc { --cta-top: 52%; --cta-left: 50%; --cta-width: 34vw; }
  .lp-v2__section--5 .lp-v2__media--sp { --cta-top: 78vw; --cta-left: 50%; --cta-width: 84vw; }
*/