O Divi Next Dual Button é um módulo especializado para o Divi Builder projetado para designers web, agências e desenvolvedores front-end que necessitam criar e alinhar pares de botões de ação (CTA) complementares em uma única estrutura coesa e interativa, sem depender de linhas extras ou códigos CSS manuais.
Destaques:
- Estrutura Unificada para Dois Botões: Permite configurar dois botões com funções distintas lado a lado no mesmo bloco (como “Começar Agora” e “Ver Demonstração”), com controle preciso do espaçamento central entre eles.
- Conector Central Estilizado (Divider/Badge): Opção de inserir um elemento conector entre os botões (como o texto “OU”, barras verticais, formas geométricas ou ícones), criando uma separação visual intuitiva para tomada de decisão.
- Controle Individual de Estilo e Conteúdo: Configuração independente para cada um dos dois botões, permitindo definir cores, tipografia, bordas, sombras, links de destino e ícones exclusivos para o botão primário e o secundário.
- Efeitos Avançados de Hover e Microinterações: Ampla variedade de animações ao passar o mouse (hover effects), incluindo preenchimentos com varredura (sweep fill), transições 3D, ondas de brilho (shine), efeitos de elevação e transições suaves de cor.
- Ícones Dinâmicos com Animação: Suporte para ícones vetoriais posicionados antes ou depois do texto em cada botão, com efeitos de deslizamento, rotação, zoom ou revelação no hover.
- Integração Nativa com o Divi Builder: Customização 100% visual no editor drag-and-drop, facilitando o alinhamento geral (esquerda, centro, direita ou largura total) e o ajuste de margens e preenchimentos (padding).
- Responsividade Inteligente (Empilhamento Mobile): Configuração automática ou personalizada para transformar os botões lado a lado em uma pilha vertical alinhada em smartphones e telas menores, garantindo fácil toque e excelente usabilidade.