/* Botão de Cadastro Destacado no Header */
.btn-highlight {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    padding: 8px 20px !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
    border: none !important;
    text-decoration: none !important;
}

.btn-highlight:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6) !important;
    color: #fff !important;
}

.btn-highlight i {
    margin-right: 5px;
}

/* Botão de Cadastro Destacado no Sidebar Mobile */
.btn-highlight-sidebar {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
    display: block !important;
    text-align: center !important;
    margin: 10px 0 !important;
}

.btn-highlight-sidebar:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6) !important;
    color: #fff !important;
}

.btn-highlight-sidebar i {
    margin-right: 8px;
}

/* Ajuste para o top social media */
.top-social-media li .btn-highlight {
    display: inline-block;
    line-height: normal;
}

/* CTA Section - Hover Effect */
.cta-section .btn:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.4) !important;
}

/* Botão de cadastro em bloco (show.blade.php) */
.btn-highlight.w-100 {
    border-radius: 8px !important;
}

.btn-outline-secondary:hover {
    background-color: #6c757d !important;
    color: #fff !important;
}