/* ---------------------------------------------------------------------------
   The footer REGISTER NOW call to action.  Linked by STRUCTURAL EDIT 26 in
   _build/localize.py, which keeps it the LAST stylesheet in <head> - this file
   restyles a component the Webflow bundle also styles, and it wins on order,
   not on specificity.  Do not link anything after it.

   Two hooks, and deliberately nothing else.  The button itself is the scrape's
   own .button-073, the same component as "Check your eligibility" under the
   Featured stack: the hover flip, the arrow chip and every theme colour come
   from the bundle unchanged.  What is missing there is a size step and the
   right spacing for this slot.  That is all that is below.
   --------------------------------------------------------------------------- */

/* SIZE.  --button-073-padding is declared in em (see the button-css <style>
   block in index.html) and .button-073 is font-size:1em, so this single step
   scales label, padding, border-radius and arrow chip together, in proportion.

   DO NOT also raise --button-073-padding here.  It is already em-based, so
   setting both double-scales the box - the button gets wide and slack rather
   than bigger.

   1.6em is against the eligibility button's 1em; owner-chosen, so that this
   reads as the page's primary action without crowding the wordmark under it.
   Note 1em resolves to ~12px at 1440 - Webflow's adaptive --size-unit drives
   the body down - so read the rendered px in the browser, not the number here. */
.button-073.is-cta {
  font-size: 1.6em;
}

/* SPACING.  .work-button_wrapper is reused verbatim for its flex centring, but
   it ships 2em/4em padding for its own slot under the Featured stack.  Here
   .footer-main is flex/column/gap:4em and already provides the space above the
   wordmark, so the wrapper's padding would only stack on top of it. */
.work-button_wrapper.is-footer-cta {
  padding-top: 0;
  padding-bottom: 0;
}

/* 767px is the bundle's own tablet breakpoint.  At 1.6em the button is wider
   than a 390px viewport once the arrow chip is counted. */
@media (max-width: 767px) {
  .button-073.is-cta {
    font-size: 1.25em;
  }
}

/* TAP TARGET.  Measured, not assumed: Webflow's adaptive --size-unit keeps
   shrinking 1em as the viewport narrows, so the em-driven box shrinks with it.
   At 390px the button is 44.4px tall - fine - but by 320px it falls to 36.5px,
   under the 44px minimum for a touch target.

   min-height rather than a bigger font-size at that width: it fixes exactly the
   thing that is wrong (the hit area) without inflating the type, and the
   component absorbs it cleanly - .button-073 is inline-grid with __bg and
   __inner both at grid-area 1/1 height:100%, and __text is a flex row with
   align-items:center, so the fill grows with the box and the label stays
   optically centred.  Verified at 320px: box 36.46 -> 44, label offset 0.

   No effect at 390px and up, where the box already clears 44px on its own. */
.button-073.is-cta {
  min-height: 44px;
}
