/* Minimal host CSS for YetiBear, matched to the ZeroPing download button. */
.yeti-cta {
  --yeti-h: clamp(32px, 3.2vw, 40px);
  --yeti-margin-x: 1.6;
  --yeti-margin-top: 1.4;
  --yeti-margin-bottom: 2.1;
  position: relative;
  display: inline-block;
  isolation: isolate;
  vertical-align: middle;
}
.yeti-cta__gl {
  position: absolute;
  z-index: 2;
  left:   calc(-1 * var(--yeti-margin-x) * var(--yeti-h));
  right:  calc(-1 * var(--yeti-margin-x) * var(--yeti-h));
  top:    calc(-1 * var(--yeti-margin-top) * var(--yeti-h));
  bottom: calc(-1 * var(--yeti-margin-bottom) * var(--yeti-h));
  width: auto;
  height: auto;
  pointer-events: none;
  display: block;
}
.yeti-cta[data-state="idle"] .yeti-cta__gl { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  .yeti-cta .yeti-cta__gl { transition: opacity 160ms ease, visibility 0s linear 160ms; }
  .yeti-cta[data-state="idle"]   .yeti-cta__gl { opacity: 0; }
  .yeti-cta[data-state="active"] .yeti-cta__gl { opacity: 1; transition-delay: 0s; }
}
