style.css

          :host{ display: block; margin-block-start: 16px; margin-block-end: 16px; white-space: normal;}
          .afterpay-paragraph { font-size: 16px; margin: 0px; line-height: var(--messaging-line-height, 1.5) }
          .payment-amount + span{ padding-right: 2px;}
          .afterpay-logo { display:inline-block; vertical-align: middle; }
          .afterpay-logo, .afterpay-logo svg { height: 36px; }
          .afterpay-logo.brand-afterpay, .afterpay-logo.brand-afterpay svg { 
            width: var( --logo-badge-width, 104px); 
            min-width: 50px;
          }
          .afterpay-logo.badge { margin: 4px 0 4px -3px; }

          .afterpay-logo.black-on-mint .afterpay-logo-badge-background { fill: #b2fce4; }
    
          .afterpay-logo.black-on-white .afterpay-logo-badge-background { fill: white; }
    
          .afterpay-logo.white-on-black .afterpay-logo-badge-lockup { fill: white; }
          .afterpay-logo.white-on-black .afterpay-logo-badge-background { fill: black; }
    
          .afterpay-logo.mint-on-black .afterpay-logo-badge-lockup { fill: #b2fce4; }
          .afterpay-logo.mint-on-black .afterpay-logo-badge-background { fill: black; }
    
          .afterpay-logo.lockup-black .afterpay-logo-badge-lockup { fill: #000000; }
          .afterpay-logo.lockup-white .afterpay-logo-badge-lockup { fill: #ffffff; }
          .afterpay-logo.lockup-mint .afterpay-logo-badge-lockup { fill: #b2fce4; }
    
          .afterpay-logo.lockup-black .afterpay-logo-badge-background,
          .afterpay-logo.lockup-white .afterpay-logo-badge-background,
          .afterpay-logo.lockup-mint .afterpay-logo-badge-background 
          { fill: transparent; }
    
          .afterpay-logo-link { white-space: nowrap; }
          .afterpay-logo-link.afterpay-link-is-text { white-space: unset; }