/* Estilos customizados para botões Hotmart */
.hotmart__button-checkout {
    display: inline-block !important;
    width: 100% !important;
    padding: 15px 30px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Botão Plano Básico */
.basic-button.hotmart__button-checkout {
    background: linear-gradient(135deg, #2E7D32, #4CAF50) !important;
    color: white !important;
}

.basic-button.hotmart__button-checkout:hover {
    background: linear-gradient(135deg, #1B5E20, #2E7D32) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(46, 125, 50, 0.4) !important;
}

/* Botão Plano Premium */
.premium-button.hotmart__button-checkout {
    background: linear-gradient(135deg, #FF8F00, #FFA726) !important;
    color: white !important;
}

.premium-button.hotmart__button-checkout:hover {
    background: linear-gradient(135deg, #E65100, #FF8F00) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 143, 0, 0.4) !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .hotmart__button-checkout {
        font-size: 16px !important;
        padding: 12px 24px !important;
    }
}