/* ==========================================================================
   ESTILO FINAL (VIA CLASSE) PARA O BOTÃO DE PRODUTOS EXTRAS
   ========================================================================== */

/* 1. Centraliza o container em todos os locais */
.wpextra-cta-container {
    text-align: center !important;
}

/* 2. Estilo base do botão (serve para carrinho e checkout) */
.wpextra-cta-button {
    /* --- Estilo Principal (Gradiente Moderno) --- */
    background: linear-gradient(45deg, #4F46E5, #A855F7) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 0.9em !important;
    width: auto !important;
    display: inline-block !important;
    padding: 12px 28px !important; /* Adicionei um padding padrão */
    transition: all 0.3s ease; /* Adicionado para suavizar o hover */
}

/* 3. Efeito Hover para o botão base */
.wpextra-cta-button:hover {
    filter: brightness(125%);
    color: #ffffff !important;
    transform: translateY(-2px); /* Efeito de elevação sutil */
}

/* ==========================================================================
   4. ESTILO ESPECÍFICO E CORRIGIDO PARA O BOTÃO NO MINI CART (ASTRA THEME) - V2
   ========================================================================== */
/* Usamos a estrutura completa do HTML para garantir a máxima especificidade */
div#astra-mobile-cart-drawer .widget_shopping_cart_content .wpextra-cta-minicart a.button.wpextra-cta-button {
    background: linear-gradient(45deg, #4F46E5, #A855F7) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    font-size: 0.9em !important;
    width: 80% !important;
    text-align: center;
    box-shadow: none !important;
    margin-bottom: 30px;
    font-weight: normal !important;
    text-transform: none !important;
}

/* ==========================================================================
   5. HOVER ESPECÍFICO E CORRIGIDO PARA O BOTÃO DO MINI CART (ASTRA THEME) - V2
   ========================================================================== */
div#astra-mobile-cart-drawer .widget_shopping_cart_content .wpextra-cta-minicart a.button.wpextra-cta-button:hover {
    background: #0F172A !important;
    filter: none !important;
    transform: none !important;
    color: #ffffff !important;
    transition: all .2s linear
}


/* ==========================================================================
   ESTILO PARA O TEXTO ACIMA DO BOTÃO (Sem alterações, mas mantido para contexto)
   ========================================================================== */
.wpextra-cta-container .wpextra-text-above {
    font-size: 1em;
    font-weight: 400;
    color: var(--ast-global-color-2);
    margin-bottom: 10px;
    line-height: 1;
}

/* ==========================================================================
   ESTILO PARA O TEXTO ACIMA DO BOTÃO (Regra mais específica para garantir)
   ========================================================================== */
div#astra-mobile-cart-drawer .widget_shopping_cart_content .wpextra-cta-minicart .wpextra-text-above {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 8px;
    line-height: 1.3;
    color: var(--ast-global-color-2); /* Adicionado para garantir a cor do texto */
}