/* Codespring-inspired button shape and interaction, with the site's existing colors.
   Keep each page's sizing so narrow-screen button rows and layouts remain intact. */
:is(.btn, .button, .yellow-btn, .help-button, .about-btn, .why-button, .blog-button,
  .nav-cta, .mobile-drawer-footer > button, #consult-form > button,
  form button[type="submit"],
  .subscribe-form button, .workflow-copy > a, .ready-card > a,
  .article-consult > a, .bottom-cta a, a.yellow,
  #services .heading-row > .text-link) {
  border-radius: 12px !important;
  font-family: Inter, sans-serif;
  font-weight: 700;
  box-shadow: 0 4px 10px rgb(0 0 0 / 12%) !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease,
    box-shadow .2s ease, transform .2s ease !important;
}
@media (hover: hover) {
  :is(.btn, .button, .yellow-btn, .help-button, .about-btn, .why-button, .blog-button,
  .nav-cta, .mobile-drawer-footer > button, #consult-form > button,
  form button[type="submit"],
  .subscribe-form button, .workflow-copy > a, .ready-card > a,
  .article-consult > a, .bottom-cta a, a.yellow,
  #services .heading-row > .text-link):hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 16px rgb(0 0 0 / 18%) !important;
  }
}
:is(.btn, .button, .yellow-btn, .help-button, .about-btn, .why-button, .blog-button,
  .nav-cta, .mobile-drawer-footer > button, #consult-form > button,
  form button[type="submit"],
  .subscribe-form button, .workflow-copy > a, .ready-card > a,
  .article-consult > a, .bottom-cta a, a.yellow,
  #services .heading-row > .text-link):active {
  transform: scale(.95) !important;
  box-shadow: 0 2px 5px rgb(0 0 0 / 12%) !important;
}
:is(.btn, .button, .yellow-btn, .help-button, .about-btn, .why-button, .blog-button,
  .nav-cta, .mobile-drawer-footer > button, #consult-form > button,
  form button[type="submit"],
  .subscribe-form button, .workflow-copy > a, .ready-card > a,
  .article-consult > a, .bottom-cta a, a.yellow,
  #services .heading-row > .text-link):focus-visible {
  outline: 3px solid #a58c16 !important;
  outline-offset: 4px;
}
:is(.btn, .button, .yellow-btn, .help-button, .about-btn, .why-button, .blog-button,
  .nav-cta, .mobile-drawer-footer > button, #consult-form > button,
  form button[type="submit"],
  .subscribe-form button, .workflow-copy > a, .ready-card > a,
  .article-consult > a, .bottom-cta a, a.yellow,
  #services .heading-row > .text-link):disabled {
  opacity: .55;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}
@media (prefers-reduced-motion: reduce) {
  :is(.btn, .button, .yellow-btn, .help-button, .about-btn, .why-button, .blog-button,
  .nav-cta, .mobile-drawer-footer > button, #consult-form > button,
  form button[type="submit"],
  .subscribe-form button, .workflow-copy > a, .ready-card > a,
  .article-consult > a, .bottom-cta a, a.yellow,
  #services .heading-row > .text-link) {
    transition: none !important;
  }
  :is(.btn, .button, .yellow-btn, .help-button, .about-btn, .why-button, .blog-button,
  .nav-cta, .mobile-drawer-footer > button, #consult-form > button,
  form button[type="submit"],
  .subscribe-form button, .workflow-copy > a, .ready-card > a,
  .article-consult > a, .bottom-cta a, a.yellow,
  #services .heading-row > .text-link):hover,
  :is(.btn, .button, .yellow-btn, .help-button, .about-btn, .why-button, .blog-button,
  .nav-cta, .mobile-drawer-footer > button, #consult-form > button,
  form button[type="submit"],
  .subscribe-form button, .workflow-copy > a, .ready-card > a,
  .article-consult > a, .bottom-cta a, a.yellow,
  #services .heading-row > .text-link):active {
    transform: none !important;
  }
}