/* Marketing links only: keep product demonstrations and form controls unchanged. */
:root body :is(.button,.reference-button,.nav-button,.plan-select)[href]{
 background:#22221e;
 color:#fff;
 border:2px solid #22221e;
 border-radius:999px;
 box-shadow:0 0 0 4px #EF5E20;
 text-decoration:none;
 transform:none;
 transition:background-color .2s cubic-bezier(0,0,.35,1),border-color .2s cubic-bezier(0,0,.35,1),color .2s cubic-bezier(0,0,.35,1);
}
:root body :is(.button-secondary,.reference-button-secondary,.nav-button-secondary)[href]{
 background:#fff;
 color:#22221e;
 border:2px solid #22221e;
 box-shadow:0 0 0 4px #f3f3f3;
}
@media(hover:hover){
 :root body :is(.button,.reference-button,.nav-button,.plan-select)[href]:hover{
  background:#151512;border-color:#151512;color:#fff;
 }
 :root body :is(.button-secondary,.reference-button-secondary,.nav-button-secondary)[href]:hover{
  background:#151512;border-color:#151512;color:#fff;
 }
}
:root body :is(.button,.reference-button,.nav-button,.plan-select)[href]:focus-visible{
 outline:2px solid #22221e;outline-offset:7px;
 box-shadow:0 0 0 4px #EF5E20;
}
@media(prefers-reduced-motion:reduce){
 :root body :is(.button,.reference-button,.nav-button,.plan-select)[href]{transition:none}
}

/* Primary CTAs switch fully to Sendvio orange without moving their labels. */
@media(hover:hover){
 :root body :is(.button,.reference-button,.nav-button,.plan-select)[href]:not(:is(.button-secondary,.reference-button-secondary,.nav-button-secondary)):hover{
  background:#EF5E20;
  border-color:#EF5E20;
  color:#fff;
  box-shadow:0 0 0 4px #EF5E20;
 }
}

/* Scale only the label by the equivalent of 2px; preserve the button's layout box. */
.cta-label{display:inline-flex;align-items:center;justify-content:center;gap:inherit;transform-origin:center;transition:transform .2s ease}
:root body :is(.button,.reference-button,.nav-button,.plan-select)[href]{--cta-label-hover-scale:1.125}
:root body.feature-page .fs-actions .button[href]{--cta-label-hover-scale:1.1333333333}
@media(max-width:600px){
 :root body.feature-page .fs-actions .button[href]{--cta-label-hover-scale:1.1428571429}
}
@media(hover:hover){
 :root body :is(.button,.reference-button,.nav-button,.plan-select)[href]:hover>.cta-label{transform:scale(var(--cta-label-hover-scale))}
}
@media(prefers-reduced-motion:reduce){.cta-label{transition:none}}

/* Pricing plan selection: orange at rest, dark on hover. */
:root body #pricing .plan-select[href]{
 background:#EF5E20;
 border-color:#EF5E20;
 color:#fff;
 box-shadow:0 0 0 4px #EF5E20;
 transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
@media(hover:hover){
 :root body #pricing .plan-select[href]:hover{
  background:#22221e;
  border-color:#22221e;
  color:#fff;
  box-shadow:0 0 0 4px #22221e;
 }
}
@media(prefers-reduced-motion:reduce){
 :root body #pricing .plan-select[href]{transition:none}
}