/* V494 — Concretta brand page CTA parity with homepage.
   Same restrained interaction language as index: no rule at rest,
   a 3px rule grows left-to-right on hover/focus, while the arrow moves subtly. */
body.ct-concretta-page .cb119-link{
  position:relative!important;
  border-bottom:0!important;
  text-decoration:none!important;
  padding-bottom:8px!important;
}

body.ct-concretta-page .cb119-link::before{
  content:"";
  position:absolute;
  left:0;
  right:auto;
  bottom:0;
  width:0;
  height:1px;
  background:#5F5852;
  opacity:0;
  transform-origin:left center;
  transition:width .34s cubic-bezier(.22,.61,.36,1), opacity .22s ease, height .22s ease;
  pointer-events:none;
}

body.ct-concretta-page .cb119-link:is(:hover,:focus-visible)::before{
  width:100%;
  height:3px;
  opacity:.92;
}

/* Keep the page's existing pseudo-element arrow, but match the homepage motion. */
body.ct-concretta-page .cb119-link:is(:hover,:focus-visible)::after{
  transform:translate(3px,-3px)!important;
}

/* Hero is image-backed; use a light mineral rule so the same interaction remains legible. */
body.ct-concretta-page .cb119-hero .cb119-link::before{
  background:#F1EAE2;
}

@media (max-width:700px){
  body.ct-concretta-page .cb119-link::before{width:0;}
}

@media (prefers-reduced-motion:reduce){
  body.ct-concretta-page .cb119-link::before,
  body.ct-concretta-page .cb119-link::after{
    transition:none!important;
  }
}