/* == CTA Stack: Mobile-only fix for spacing between two buttons (no full width) ==
   Scope: ONLY elements inside a container with class .cta-stack
   Behavior: stack vertically on small screens, keep natural (auto) button width
*/
@media (max-width: 640px) {
  .cta-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;              /* vertical spacing */
    align-items: flex-start;/* keep same visual width behavior as other buttons */
  }
  .cta-stack > a,
  .cta-stack > button {
    /* keep natural button width like elsewhere on the site */
    display: inline-block;
    width: auto;
    max-width: 100%;        /* prevent overflow if text is long */
  }
  /* Optional: if you prefer them centered, add 'center' class to the wrapper */
  .cta-stack.center { align-items: center; }
}