/* ROUND 137 — Invest in a Display Home: the 0800 number in "Let's chat" and in the confirmation. See inc/round137.php.
   Both CTAs share one look: the Contact page's "Call 0800 456 321" (20px body-lg, 600, charcoal), a bottom border
   hidden until hover, arriving over .3s ease-in-out. */

/* 1 + 2. Let's chat: bigger, bold, 32px under the copy (round 132 set 16px) */
.sh-r137 .sf__phone{margin:5px 0 0;line-height:1.5} /* measured: the number sits 32px under the copy (round 132 had 16px) */
.sh-r137 .sf__phone a{display:inline-block;padding-bottom:2px;font-size:20px;line-height:1.5;font-weight:600;color:var(--charcoal);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease-in-out}
.sh-r137 .sf__phone a:hover,.sh-r137 .sf__phone a:focus-visible{text-decoration:none;border-bottom-color:currentColor}

/* 3. the confirmation's number: the same, 32px under the "give us a call on" line (gap 16px + 16px) */
.sh-r137 .sh-thanks__phone{align-self:center;margin-top:16px;padding-bottom:2px;font:600 20px/1.5 var(--sans);color:var(--charcoal);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease-in-out}
.sh-r137 .sh-thanks__phone:hover,.sh-r137 .sh-thanks__phone:focus-visible{border-bottom-color:currentColor}

@media (min-width:1024px){
  /* the Contact page's number scales with the fluid type scale (r63 .body-lg); same here */
  .sh-r137.sh-r63 .sf__phone a,.sh-r137.sh-r63 .sh-thanks__phone{font-size:calc(20px * var(--fl,1))}
}