.shopify-payment-button__button--hidden {
      visibility: hidden;
    }
    .shopify-payment-button__button {
      height: clamp(25px,
          var(--shopify-accelerated-checkout-button-block-size, 44px),
          55px);
      min-height: clamp(25px,
          var(--shopify-accelerated-checkout-button-block-size, 44px),
          55px);
      border-radius: var(--shopify-accelerated-checkout-button-border-radius, 0px);
      width: 100%;
      border: none;
      box-shadow: 0 0 0 0 transparent;
      color: white;
      cursor: pointer;
      display: block;
      font-size: 1em;
      font-weight: 500;
      line-height: 1;
      text-align: center;
      transition: background 0.2s ease-in-out;
    }
    .shopify-payment-button__button[disabled] {
      opacity: 0.6;
      cursor: default;
    }
    .shopify-payment-button__button--unbranded {
      background-color: #1990c6;
      padding: 1em 2em;
    }
    .shopify-payment-button__button--unbranded:hover:not([disabled]) {
      background-color: #136f99;
    }
    .shopify-payment-button__more-options {
      background: transparent;
      border: 0 none;
      cursor: pointer;
      display: block;
      font-size: 1em;
      margin-top: 1em;
      text-align: center;
      text-decoration: underline;
      width: 100%;
    }
    .shopify-payment-button__more-options.shopify-payment-button__skeleton {
      height: auto !important;
      min-height: 0 !important;
      border-radius: 4px !important;
      width: 50%;
      margin-left: 25%;
      margin-right: 25%;
    }
    .shopify-payment-button__more-options[disabled] {
      opacity: 0.6;
      cursor: default !important;
    }
    .shopify-payment-button__button.shopify-payment-button__button--branded {
      display: flex;
      flex-direction: column;
      position: relative;
      z-index: 1;
    }
    .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate {
      flex: 1 !important;
      display: flex !important;
      flex-direction: column !important;
    }
    .shopify-payment-button__button.button.loading {
      position: relative;
      color: transparent;
    }
    .shopify-payment-button__button.button.loading>.loading-overlay__spinner {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      height: 100%;
      display: flex;
      align-items: center;
    }
    .shopify-payment-button__button.button.loading>.loading-overlay__spinner .spinner {
      width: -moz-fit-content;
      width: -webkit-fit-content;
      width: fit-content;
    }
    .button.loading>.loading-overlay__spinner .path {
      stroke: white;
    }
    .shopify-payment-button__button .loading-overlay__spinner {
      width: 1.8rem;
      display: inline-block;
    }
    .shopify-payment-button__button .spinner {
      animation: shopify-rotator 1.4s linear infinite;
    }
    @keyframes shopify-rotator {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(270deg);
      }
    }
    .shopify-payment-button__button .path {
      stroke-dasharray: 280;
      stroke-dashoffset: 0;
      transform-origin: center;
      stroke: rgb(18, 18, 18);
      animation: shopify-dash 1.4s ease-in-out infinite;
    }
    @media screen and (forced-colors: active) {
      .shopify-payment-button__button .path {
        stroke: CanvasText;
      }
    }
    @keyframes shopify-dash {
      0% {
        stroke-dashoffset: 280;
      }
      50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg);
      }
      100% {
        stroke-dashoffset: 280;
        transform: rotate(450deg);
      }
    }
    @keyframes acceleratedCheckoutLoadingSkeleton {
      50% {
        opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);
      }
      75% {
        opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-end, 0.5);
      }
      100% {
        opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);
      }
    }
    .shopify-payment-button__skeleton {
      animation: acceleratedCheckoutLoadingSkeleton var(--shopify-accelerated-checkout-skeleton-animation-duration, 4s) var(--shopify-accelerated-checkout-skeleton-animation-timing-function, ease) infinite;
      animation-delay: -0.168s;
      background-color: var(--shopify-accelerated-checkout-skeleton-background-color, #dedede);
      box-sizing: border-box;
      text-decoration: none !important;
      height: var(--shopify-accelerated-checkout-button-block-size, inherit);
      min-height: 25px;
      max-height: 55px;
      border-radius: var(--shopify-accelerated-checkout-button-border-radius, inherit);
    }
    .shopify-payment-button__button {
      border-radius: 0px;
    }