:root{
  --vs-cta-bg:#111;
  --vs-cta-color:#fff;
  --vs-cta-radius:14px;
}

/* 追従バー本体 */
#vs-sticky-cta{
  position:fixed;
  left:0; right:0; bottom:0;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  z-index:99999;
  display:flex;
  justify-content:center;
  pointer-events:none;

  transform:translateY(105%);
  transition:transform .25s ease;
}
#vs-sticky-cta.is-visible{ transform:translateY(0); }

#vs-sticky-cta .vs-sticky-cta__btn{
  pointer-events:auto;
  width:100%;
  max-width:520px;
  display:block;
  text-align:center;
  font-weight:700;
  padding:14px 16px;
  border-radius:var(--vs-cta-radius);
  background:var(--vs-cta-bg);
  color:var(--vs-cta-color);
  text-decoration:none;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}

/* 追従分だけ本文が隠れないように下に余白（スマホだけ推奨） */
@media (max-width: 1023px){
  body.vs-has-sticky-cta{
    padding-bottom: calc(var(--vs-sticky-cta-h, 0px) + 10px);
  }
}

/* PCでは出さないなら */
@media (min-width: 1024px){
  #vs-sticky-cta{ display:none; }
  body.vs-has-sticky-cta{ padding-bottom: 0; }
}