/* Request-flow buttons (pm B216): the links that replaced the Contact Form 7
   forms. They carry the theme's own `btn btn-primary` classes and keep its
   metrics (size, weight, tracking, padding, natural width at every width), so
   they look like the site's other buttons. This adds only the spacing the
   form used to take, a touch-sized minimum height, a visible keyboard focus
   ring, and wrapping instead of the theme's ellipsis when a narrow column
   cannot fit the label on one line. */
.request-cta {
  margin: 1.25rem 0 1.5rem;
}
/* Last in its text block (every replaced form is), the block's own spacing
   ends it, as the theme ends every block's last paragraph: said here, rather
   than left to the theme's `p:last-child` quietly outranking the margin
   above. The bottom margin applies where something follows the button (an
   added button mid-column, /quiet-leadership-journey/). */
p.request-cta:last-child {
  margin-bottom: 0;
}
/* ...and when another block follows in the same column, the button keeps
   that space below it (the action cards: "Contact … for bulk orders"). */
.tm_pb_module:has(> p.request-cta:last-child) + .tm_pb_module {
  margin-top: 1.5rem;
}
.request-cta .request-button {
  margin-top: 0;
  min-height: 44px;
  white-space: normal;
}
.request-cta .request-button:focus {
  outline: none;
}
/* The page builder resets focus outlines and underlines on every link in its
   content (`#tm_builder_outer_content .tm_pb_module a:focus`), which outranks
   a class-only rule: the id keeps the ring visible there. */
.request-cta .request-button:focus-visible,
#tm_builder_outer_content .request-cta a.request-button:focus-visible {
  outline: 3px solid #2e4277;
  outline-offset: 3px;
  box-shadow: 0 0 0 1px #ffffff;
  text-decoration: underline;
}
.request-cta .request-button:hover,
.request-cta .request-button:focus-visible {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
/* An email button does nothing visible without a mail app, so its address
   sits under it as plain text; one click selects all of it for copying. */
.request-cta .request-email {
  display: block;
  margin-top: 0.75rem;
}
.request-cta .request-email__address {
  white-space: nowrap;
  -webkit-user-select: all;
  user-select: all;
}
@media (prefers-reduced-motion: reduce) {
  .request-cta .request-button {
    transition: none;
  }
}