.cursor-invoice-button-wrapper {
    margin-top: 20px;
    margin-bottom: 0;
}

.cursor-invoice-button {
    width: 100%;
    padding: 12px 20px 12px 48px;
    background-color: var(--wc-green);
    color: #000000 !important;
    border: none;
    border-radius: var(--wc-form-border-radius, 8px);
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, transform 0.1s ease, opacity 0.2s ease;
    text-align: center;
    display: block;
    position: relative;
}

.cursor-invoice-button::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.cursor-invoice-button:hover {
    transform: translateY(-1px);
}

.cursor-invoice-button:active {
    transform: translateY(0);
}

.cursor-invoice-button:disabled {
    background-color: var(--wc-secondary, #cccccc);
    color: var(--wc-secondary-text, #515151);
    cursor: not-allowed;
    opacity: 0.6;
}

.cursor-invoice-button.loading::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    border: 2px solid #000000;
    border-top-color: transparent;
    border-radius: 50%;
    animation: invoice-button-spin 0.6s linear infinite;
    vertical-align: middle;
}

@keyframes invoice-button-spin {
    to {
        transform: rotate(360deg);
    }
}


.product_infos #wc-stripe-express-checkout-element {
    margin-top: 0px !important;
}

.product_infos form.cart {
    margin-bottom: 10px !important;
}

@media (max-width: 767px) {
    .woocommerce div.product form.cart .button {
        margin-bottom: 20px;
    }
}