/* Shared CTA hover: text rolls up + arrow nudges — no color / lift change */
.btn-ota-ready{
  display:inline-flex !important;
  align-items:center;
  gap:.5rem;
  overflow:hidden;
  transition:none !important;
}
a.btn-ota-ready:hover,
a.btn-ota-ready:focus-visible,
button.btn-ota-ready:hover,
button.btn-ota-ready:focus-visible,
.btn.btn-ota-ready:hover,
.btn.btn-ota-ready:focus-visible,
.btn-dark.btn-ota-ready:hover,
.btn-yellow.btn-ota-ready:hover,
.btn-primary.btn-ota-ready:hover,
.btn-onlight.btn-ota-ready:hover,
.btn-black.btn-ota-ready:hover,
.btn-ghost.btn-ota-ready:hover,
.talk-btn.btn-ota-ready:hover,
.btn.solid.btn-ota-ready:hover,
.btn.ghost.btn-ota-ready:hover,
.btn.ink.btn-ota-ready:hover,
.careers .links a.btn-ota-ready:hover,
.careers .links a.btn-ota-ready:focus-visible{
  background:var(--btn-bg)!important;
  color:var(--btn-fg)!important;
  border-color:var(--btn-bd)!important;
  transform:none!important;
  box-shadow:none!important;
}
.btn-ota-ready .btn-ota-text{
  display:flex;
  flex-direction:column;
  height:1.2em;
  overflow:hidden;
}
.btn-ota-ready .btn-ota-line{
  display:block;
  line-height:1.2em;
  white-space:nowrap;
  transition:transform .85s cubic-bezier(.22,1,.36,1);
}
.btn-ota-ready:hover .btn-ota-line,
.btn-ota-ready:focus-visible .btn-ota-line,
a.metric:hover .cs-cta.btn-ota-ready .btn-ota-line,
a.metric:focus-visible .cs-cta.btn-ota-ready .btn-ota-line{
  transform:translateY(-100%);
}
.btn-ota-ready .btn-ota-arrow{
  width:1.15rem;
  height:1.15rem;
  flex:none;
  display:grid;
  place-items:center;
  transition:transform .85s cubic-bezier(.22,1,.36,1);
}
.btn-ota-ready .btn-ota-arrow svg{
  width:100%;
  height:100%;
  display:block;
}
.btn-ota-ready:hover .btn-ota-arrow,
.btn-ota-ready:focus-visible .btn-ota-arrow,
a.metric:hover .cs-cta.btn-ota-ready .btn-ota-arrow,
a.metric:focus-visible .cs-cta.btn-ota-ready .btn-ota-arrow{
  transform:translate(3px,-2px);
}
.btn-ota-ready:hover .arrow,
.btn-ota-ready:focus-visible .arrow{
  transform:none!important;
}

/* Yellow-band pill CTA (manual markup — not auto-enhanced) */
.cta-pill{
  display:inline-flex;
  align-items:center;
  gap:0;
  background:var(--ink,#111);
  color:#fff;
  border-radius:999px;
  padding:7px 7px 7px 28px;
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  transition:none;
}
.cta-pill:hover,
.cta-pill:focus-visible{
  transform:none;
  box-shadow:none;
  background:var(--ink,#111);
  color:#fff;
}
.cta-pill:focus-visible{
  outline:3px solid var(--ink,#111);
  outline-offset:3px;
}
.cta-pill .btn-ota-text{
  display:flex;
  flex-direction:column;
  height:1.2em;
  overflow:hidden;
}
.cta-pill .btn-ota-line{
  display:block;
  line-height:1.2em;
  white-space:nowrap;
  transition:transform .85s cubic-bezier(.22,1,.36,1);
}
.cta-pill:hover .btn-ota-line,
.cta-pill:focus-visible .btn-ota-line{
  transform:translateY(-100%);
}
.cta-pill-icon{
  width:46px;
  height:46px;
  border-radius:50%;
  background:transparent;
  color:#fff;
  display:grid;
  place-items:center;
  margin-left:0px;
  flex:none;
  transition:transform .85s cubic-bezier(.22,1,.36,1);
}
.cta-pill:hover .cta-pill-icon,
.cta-pill:focus-visible .cta-pill-icon{
  transform:translate(3px,-2px);
}
.cta-pill-icon svg{
  width:23px;
  height:23px;
  display:block;
}

@media(prefers-reduced-motion:reduce){
  .btn-ota-ready .btn-ota-line,
  .btn-ota-ready .btn-ota-arrow,
  .cta-pill .btn-ota-line,
  .cta-pill-icon{
    transition:none;
  }
  .btn-ota-ready:hover .btn-ota-line,
  .btn-ota-ready:hover .btn-ota-arrow,
  .btn-ota-ready:focus-visible .btn-ota-line,
  .btn-ota-ready:focus-visible .btn-ota-arrow,
  a.metric:hover .cs-cta.btn-ota-ready .btn-ota-line,
  a.metric:hover .cs-cta.btn-ota-ready .btn-ota-arrow,
  a.metric:focus-visible .cs-cta.btn-ota-ready .btn-ota-line,
  a.metric:focus-visible .cs-cta.btn-ota-ready .btn-ota-arrow,
  .cta-pill:hover .btn-ota-line,
  .cta-pill:hover .cta-pill-icon,
  .cta-pill:focus-visible .btn-ota-line,
  .cta-pill:focus-visible .cta-pill-icon{
    transform:none;
  }
}