/* Base button styles */
.woo-express-ccod {
    transition: all 0.3s ease;
}

.woo-express-ccod.loading {
    opacity: 0.6;
    cursor: not-allowed;
}

.woo-express-ccod.disabled {
    pointer-events: none;
}

/* Loading spinner */
.woo-express-ccod.loading::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    vertical-align: middle;
}

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

/* Responsive adjustments */
@media (max-width: 768px) {
    .woo-express-ccod.position-after-quantity {
        display: block !important;
        margin: 10px 0 !important;
        width: 100% !important;
    }

    .quantity {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }
}