/* Ordinary storefront actions only. Do not skin branded/accelerated payments.
 * Explicit colors override Pitch's per-section primary/secondary palettes and
 * the later-loading internal-page styles without changing dimensions or state.
 */
:is(.button, .button-secondary, .button-custom, .iwta-about__button, .iwta-treatments__button, .iwta-virtual-program__button, .iwta-results__button, .iwta-contact__button):not(.button-unstyled, .shopify-payment-button__button, .shopify-payment-button *, shopify-accelerated-checkout *, shopify-accelerated-checkout-cart *, .additional-checkout-buttons *) {
  color: #171414 !important;
  background: #ffffff !important;
  border: 1px solid #171414 !important;
  box-shadow: none !important;

  &:hover:not(:disabled, [disabled], [aria-disabled='true']) {
    box-shadow: inset 0 0 0 1px #171414 !important;
  }

  &:is(:disabled, [disabled], [aria-disabled='true']) {
    color: #595959 !important;
    border-color: #767676 !important;
    opacity: 1 !important;
    cursor: not-allowed;
  }

  /* Two-tone ring remains visible on white, blush and charcoal sections. */
  &:focus-visible {
    outline: 3px solid #171414 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 7px #ffffff !important;
  }

  @media (forced-colors: active) {
    color: ButtonText !important;
    background: ButtonFace !important;
    border-color: ButtonText !important;

    &:is(:disabled, [disabled], [aria-disabled='true']) {
      color: GrayText !important;
      border-color: GrayText !important;
    }

    &:focus-visible {
      outline-color: Highlight !important;
    }
  }
}