/* Shared mobile CTA controls. Desktop keeps each page's existing design. */
@media screen and (max-width: 767px) {
  html body:nth-of-type(1) :is(.v1-cta-wrapper, .v1-cta-grid, .tdl-cta-section, .tdl-about-cta-section, .hca-closing-cta, .webdev-cta-section, .webdev-template-cta-section, .tdl-other-services-cta, .tdl-phone-cta-box) :is(.button, .tdl-cta-button, .hca-closing-cta-button) {
    background: #edf4f0 !important;
    color: #006039 !important;
    border: 1px solid #d5e5dc !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    filter: none !important;
    min-height: 48px !important;
    text-shadow: none !important;
  }

  html body:nth-of-type(1) :is(.v1-cta-wrapper, .v1-cta-grid, .tdl-cta-section, .tdl-about-cta-section, .hca-closing-cta, .webdev-cta-section, .webdev-template-cta-section, .tdl-other-services-cta, .tdl-phone-cta-box) :is(.button, .tdl-cta-button, .hca-closing-cta-button) :is(.button-text, .button-arrow-icon, .tdl-cta-button-arrow) {
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
  }

  html body:nth-of-type(1) :is(.v1-cta-wrapper, .v1-cta-grid, .tdl-cta-section, .tdl-about-cta-section, .hca-closing-cta, .webdev-cta-section, .webdev-template-cta-section, .tdl-other-services-cta, .tdl-phone-cta-box) :is(.button, .tdl-cta-button, .hca-closing-cta-button):focus:not(:focus-visible) {
    outline: none !important;
  }

  html body:nth-of-type(1) :is(.v1-cta-wrapper, .v1-cta-grid, .tdl-cta-section, .tdl-about-cta-section, .hca-closing-cta, .webdev-cta-section, .webdev-template-cta-section, .tdl-other-services-cta, .tdl-phone-cta-box) :is(.button, .tdl-cta-button, .hca-closing-cta-button):focus-visible {
    outline: 2px solid #006039 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 5px #fff !important;
  }
}