.shopware-payments-button {
    display: block;
    width: 100%;
    height: calc(#{$btn-line-height} + #{$btn-padding-y * 2} + #{$btn-border-width * 2});

    &.shape-sharp {
        --paypal-button-border-radius: 0px;
        --venmo-button-border-radius: 0px;
        --google-pay-button-border-radius: 0;
        --apple-pay-button-border-radius: 0;
    }

    &.shape-pill {
        --paypal-button-border-radius: 500px;
        --venmo-button-border-radius: 500px;
        --google-pay-button-border-radius: 500;
        --apple-pay-button-border-radius: 500px;
    }

    &.shape-rect {
        --paypal-button-border-radius: 4px;
        --venmo-button-border-radius: 4px;
        --google-pay-button-border-radius: 4;
        --apple-pay-button-border-radius: 4px;
    }
}

@supports (-webkit-appearance: -apple-pay-button) {
    .shopware-payments-button apple-pay-button {
        -webkit-appearance: -apple-pay-button;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .shopware-payments-button {
        --apple-pay-button-height: calc(#{$btn-line-height} + #{$btn-padding-y * 2} + #{$btn-border-width * 2});
    }
}

.shopware-payments-express-buttons {
    margin: 10px 0;

    &:has(> [hidden]), &:has(> .d-none) {
        display: none;
    }
}

.shopware-payments-checkout-buttons {
    &:has(> [hidden]), &:has(> .d-none) {
        display: none;
    }
}

// Remove margin on product detail page - spacing handled by row mt-0/mt-2 classes
.shopware-payments-product-detail-row .shopware-payments-express-buttons {
    margin: 0;
}