@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button-with-text {
    display: inline-block;
    width: 100%;
    height: 57px;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: buy;
    cursor: pointer;
    border-radius: 0; }
    @media screen and (max-width: 767px) {
      .apple-pay-button-with-text {
        height: 36px; } }
   .apple-pay-button-cart-with-text {
    display: inline-block;
    width: 100%;
    height: 57px;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: plain;
    cursor: pointer;
    border-radius: 0; }
    @media screen and (max-width: 767px) {
      .apple-pay-button-with-text {
        height: 36px; } }
  .apple-pay-button-with-text > * {
    display: none; }
  .apple-pay-button-black-with-text {
    -apple-pay-button-style: black; }
  .apple-pay-button-white-with-text {
    -apple-pay-button-style: white-outline; }
  .apple-pay-button-white-with-line-with-text {
    -apple-pay-button-style: white-outline; } }

@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button-with-text {
    --apple-pay-scale: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 57px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 0.75em;
    padding: 0em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 12.5em;
    min-height: 2em;
    max-height: 4em;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .apple-pay-button-with-text {
        height: 36px; } }
  .apple-pay-button-black-with-text {
    background-color: black;
    color: white; }
  .apple-pay-button-white-with-text {
    background-color: white;
    color: black; }
  .apple-pay-button-white-with-line-with-text {
    background-color: white;
    color: black;
    border: .5px solid black; }
  .apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black; }
  .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white; }
  .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white; }
  .apple-pay-button-with-text > .text {
    font-family: -apple-system;
    font-size: calc(1em * var(--apple-pay-scale));
    font-weight: 300;
    -ms-flex-item-align: center;
        align-self: center;
    margin-right: calc(0.125em*var(--apple-pay-scale)); }
  .apple-pay-button-with-text > .logo {
    width: calc(2.188em*var(--scale));
    height: 100%;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 0 50%;
    margin-left: calc(0.125em*var(--apple-pay-scale));
    border: none; } }