/* =====================================================
   IKIGAI COMBAT - Botões
   Refatorado - Fev 2025
   ===================================================== */

.btn-primary {
    background: var(--gradient-primary);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: var(--border-radius);
    padding: 0.75rem 1.5rem;
    transition: var(--transition);
}

.btn-primary:hover {
    background: var(--gradient-secondary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-primary);
    color: white;
}

.btn-secondary {
    background: var(--gradient-secondary);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: var(--border-radius);
    padding: 0.75rem 1.5rem;
    transition: var(--transition);
}

.btn-secondary:hover {
    background: var(--gradient-primary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-secondary);
    color: white;
}

.btn-outline-primary {
    border: 2px solid var(--primary-red);
    color: var(--primary-red);
    background: transparent;
    font-weight: 600;
    border-radius: var(--border-radius);
    padding: 0.75rem 1.5rem;
    transition: var(--transition);
}

.btn-outline-primary:hover {
    background: var(--primary-red);
    color: white;
    transform: translateY(-2px);
    box-shadow: var(--shadow-primary);
}

.btn-outline-danger {
    border: 2px solid var(--primary-red);
    color: var(--primary-red);
    background: transparent;
    font-weight: 600;
    border-radius: var(--border-radius);
    padding: 0.75rem 1.5rem;
    transition: var(--transition);
}

.btn-outline-danger:hover {
    background: var(--primary-red);
    color: white;
    transform: translateY(-2px);
    box-shadow: var(--shadow-primary);
}

.btn-outline-secondary {
    border: 2px solid var(--neutral-gray);
    color: var(--neutral-gray);
    background: transparent;
    font-weight: 600;
    border-radius: var(--border-radius);
    padding: 0.75rem 1.5rem;
    transition: var(--transition);
}

.btn-outline-secondary:hover {
    background: var(--neutral-gray);
    color: white;
    transform: translateY(-2px);
    box-shadow: var(--shadow);
}

.btn-outline-info {
    border: 2px solid var(--color-accent-blue);
    color: var(--color-accent-blue);
    background: transparent;
    font-weight: 600;
    border-radius: var(--border-radius);
    padding: 0.75rem 1.5rem;
    transition: var(--transition);
}

.btn-outline-info:hover {
    background: var(--color-accent-blue);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(52, 152, 219, 0.3);
}

.btn-outline-success {
    border: 2px solid var(--color-accent-teal);
    color: var(--color-accent-teal);
    background: transparent;
    font-weight: 600;
    border-radius: var(--border-radius);
    padding: 0.75rem 1.5rem;
    transition: var(--transition);
}

.btn-outline-success:hover {
    background: var(--color-accent-teal);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(26, 188, 156, 0.3);
}