/* Base Button Style */
.mc-btn {
    display: flex !important;
    /* Force flex to align icon */
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    /* Take available space */
    width: auto !important;
    /* Let flex handle width */
    max-width: none !important;
    margin: 0 !important;
    /* Remove centering margin */
    margin-right: 10px !important;
    /* Space for wishlist button if needed */
    padding: 15px 20px;
    border-radius: 50px !important;
    /* Pill shape */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    line-height: 1.2;
    gap: 10px;
    /* Space between icon and text */
}

.mc-btn-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* Amazon Style */
.mc-btn.mc-btn-amazon {
    background-color: #E3E6E6 !important;
    color: #0F1111 !important;
    border: 1px solid #D5D9D9 !important;
}

.mc-btn.mc-btn-amazon:hover {
    background-color: #D5D9D9 !important;
}

/* Mercado Livre Style */
.mc-btn.mc-btn-mercadolivre {
    background-color: #FFE600 !important;
    color: #2D3277 !important;
    /* ML Dark Blue */
    border: 1px solid #E5CE00 !important;
}

.mc-btn.mc-btn-mercadolivre:hover {
    background-color: #F2DB00 !important;
}

/* Ensure SVG fills correctly */
.mc-btn svg {
    fill: currentColor;
}

/* Override WooCommerce default button styles if necessary */
.woocommerce div.product form.cart .button.mc-btn {
    float: none;
}