/* Guarantees the same subtle scanner CTA border on both pages, with a static border for reduced motion. */
@property --scanner-border-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

:is(
  .landing-experience[data-landing-key="zal-vlaanderen-mijn-bouwgrond-schrappen"] .landing-hero__actions .button--light,
  .page--landowners .cta-band__actions [data-cta="landowner-parcel-scan"]
) {
  --scanner-border-angle: 0deg;
  border: 2px solid transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    conic-gradient(from var(--scanner-border-angle), #b99665 0deg 250deg, #fff9e8 282deg, #d5953b 300deg, #fffef8 318deg, #b99665 345deg) border-box;
  box-shadow: 0 0 .9rem rgb(255 219 146 / 18%);
}

@keyframes scanner-border-shimmer {
  to { --scanner-border-angle: 360deg; }
}

@media (prefers-reduced-motion: no-preference) {
  :is(
    .landing-experience[data-landing-key="zal-vlaanderen-mijn-bouwgrond-schrappen"] .landing-hero__actions .button--light,
    .page--landowners .cta-band__actions [data-cta="landowner-parcel-scan"]
  ) {
    animation: scanner-border-shimmer 7s linear infinite;
  }
}