/* Keep the remaining hero action aligned with its heading and paragraph. */
@layer tt-card-layout {
  html body #content:is(.tt-manufacturing-page, .tt-faq-page, .tt-legal-page, .tt-blogs-page) .tt-info-hero-copy,
  html body #content.tt-contact-page .tt-contact-hero-copy { text-align: left !important; }
  html body #content:is(.tt-manufacturing-page, .tt-faq-page, .tt-legal-page, .tt-blogs-page) .tt-info-hero .tt-info-actions,
  html body #content.tt-contact-page .tt-contact-hero .tt-contact-actions {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  html body #content:is(.tt-manufacturing-page, .tt-faq-page, .tt-legal-page, .tt-blogs-page) .tt-info-hero .tt-info-actions > a,
  html body #content.tt-contact-page .tt-contact-hero .tt-contact-actions > a {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }
}
@layer tt-teal-buttons {
  html body #content:is(.tt-manufacturing-page, .tt-faq-page, .tt-legal-page, .tt-blogs-page) .tt-info-hero .tt-info-actions > a,
  html body #content:is(.tt-manufacturing-page, .tt-faq-page, .tt-legal-page, .tt-blogs-page) .tt-info-hero .tt-info-actions > a:is(:hover, :focus-visible, :active),
  html body #content.tt-contact-page .tt-contact-hero .tt-contact-actions > a,
  html body #content.tt-contact-page .tt-contact-hero .tt-contact-actions > a:is(:hover, :focus-visible, :active) {
    background: #12646b !important;
    border: 2px solid #12646b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
  html body #content:is(.tt-manufacturing-page, .tt-faq-page, .tt-legal-page, .tt-blogs-page) .tt-info-hero .tt-info-actions > a *,
  html body #content.tt-contact-page .tt-contact-hero .tt-contact-actions > a * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
  html body #content:is(.tt-manufacturing-page, .tt-faq-page, .tt-legal-page, .tt-blogs-page) .tt-info-hero .tt-info-actions > a:is(:hover, :focus-visible, :active),
  html body #content.tt-contact-page .tt-contact-hero .tt-contact-actions > a:is(:hover, :focus-visible, :active) {
    background: #ffffff !important;
    border-color: #12646b !important;
    color: #12646b !important;
    -webkit-text-fill-color: #12646b !important;
    filter: none !important;
  }
  html body #content:is(.tt-manufacturing-page, .tt-faq-page, .tt-legal-page, .tt-blogs-page) .tt-info-hero .tt-info-actions > a:is(:hover, :focus-visible, :active) *,
  html body #content.tt-contact-page .tt-contact-hero .tt-contact-actions > a:is(:hover, :focus-visible, :active) * {
    color: #12646b !important;
    -webkit-text-fill-color: #12646b !important;
  }
}