.elementor-1583 .elementor-element.elementor-element-aeb6fa2{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1583 .elementor-element.elementor-element-aeb6fa2:not(.elementor-motion-effects-element-type-background), .elementor-1583 .elementor-element.elementor-element-aeb6fa2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1583 .elementor-element.elementor-element-74c3dda .elementor-button{background-color:#1955ED;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-1583 .elementor-element.elementor-element-74c3dda{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;}.elementor-1583 .elementor-element.elementor-element-74c3dda.elementor-element{--align-self:center;}.elementor-1583 .elementor-element.elementor-element-74c3dda .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:767px){.elementor-1583 .elementor-element.elementor-element-74c3dda .elementor-button{padding:16px 24px 16px 24px;}}/* Start custom CSS for button, class: .elementor-element-74c3dda *//* Use o Easy Coder para personalizar as cores */
.elementor-1583 .elementor-element.elementor-element-74c3dda .elementor-button-wrapper {
    display: flex; /* Flexbox é usado para alinhar e distribuir os itens dentro do contêiner */
    justify-content: center; /* Alinha o conteúdo horizontalmente no centro */
    align-items: stretch; /* Faz com que o conteúdo ocupe toda a altura disponível */
    white-space: nowrap; /* Impede que o texto quebre para a próxima linha */
    width: 100%; /* Garante que o botão ocupe toda a largura disponível do contêiner */
}

/* A classe .elementor-widget-container define o layout do contêiner do botão. */
.elementor-1583 .elementor-element.elementor-element-74c3dda .elementor-widget-container {
    display: flex; /* Flexbox para garantir que o conteúdo (como o texto) fique centralizado */
    justify-content: center; /* Alinha o conteúdo (texto) horizontalmente no centro */
}

/* Cor de fundo do botão. O botão tem um gradiente do verde claro para o verde escuro. */
.elementor-1583 .elementor-element.elementor-element-74c3dda .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #4ADE80 0%, #16A34A 100%); /* Gradiente de fundo (verde claro para verde escuro) */

    /* Sombras do botão para dar um efeito de profundidade */
    box-shadow: 0px -27px 80px 0px rgba(22, 163, 74, 0.22), 0px -9.855px 29.201px 0px rgba(22, 163, 74, 0.15), 0px -4.785px 14.177px 0px rgba(22, 163, 74, 0.12), 0px -2.346px 6.95px 0px rgba(22, 163, 74, 0.10), 0px -0.927px 2.748px 0px rgba(22, 163, 74, 0.07);
    overflow: hidden; /* Impede que o conteúdo saia do botão */
    transform: translate(0%, 0%); /* Mantém o botão na posição original */
    flex-grow: 1 !important; /* Faz o botão crescer e ocupar toda a área disponível do contêiner */
    align-self: stretch !important; /* Faz o botão se esticar para ocupar toda a altura do contêiner */
    transition: .5s all; /* Transição suave para as mudanças de estado */
    display: flex !important; /* Garante que o botão tenha comportamento flexível */
    justify-content: center !important; /* Centraliza o conteúdo (texto) dentro do botão */
    align-items: center !important; /* Centraliza o conteúdo verticalmente */
}

/* Cor do botão quando o usuário passa o mouse sobre ele (hover). O botão muda para um gradiente de azul para azul escuro. */
.elementor-1583 .elementor-element.elementor-element-74c3dda:hover .elementor-button {
    background: linear-gradient(90deg, #3B82F6 0%, #1D4ED8 100%); /* Novo gradiente (de azul para azul escuro) */
    
    /* Sombras do botão no hover (também ajustadas para o novo tom) */
    box-shadow: 0px -27px 80px 0px rgba(59, 130, 246, 0.22), 0px -9.855px 29.201px 0px rgba(59, 130, 246, 0.15), 0px -4.785px 14.177px 0px rgba(59, 130, 246, 0.12), 0px -2.346px 6.95px 0px rgba(59, 130, 246, 0.10), 0px -0.927px 2.748px 0px rgba(59, 130, 246, 0.07);
    transition: .5s all; /* Transição suave quando o botão muda de cor */
    transform: scale(1.05); /* Faz o botão crescer um pouco quando o mouse passa sobre ele */
}

/* Efeito de brilho para dar um toque especial no botão. */
.elementor-1583 .elementor-element.elementor-element-74c3dda .elementor-button::before {
    content: ''; /* Cria um conteúdo vazio, usado para o efeito de brilho */
    background: linear-gradient(10deg, #D1E7DD 12.81%, rgba(209, 231, 221, 0.00) 66.66%); /* Gradiente suave para o efeito de brilho */
    width: 90px; /* Largura do brilho */
    height: 160%; /* A altura é maior do que o botão, criando um efeito visual de brilho maior */
    position: absolute; /* Coloca o brilho em uma posição absoluta em relação ao botão */
    transform: translateX(-50%) skew(-25deg); /* Movimenta e distorce o brilho para criar o efeito */
    bottom: 0%; /* Coloca o brilho na parte inferior do botão */
    user-select: none; /* Impede que o usuário selecione o brilho */
    pointer-events: none; /* Impede que o brilho interaja com o mouse */
    animation: shinery 3s infinite ease-in-out; /* Animação do brilho que se move de um lado para o outro */
    filter: blur(4px); /* Aplica um desfoque suave ao brilho */
}

/* A animação de brilho do botão. O brilho se move para a esquerda e para a direita. */
@keyframes shinery {
    0%, 100% { left: -10%; opacity: 0; } /* Brilho começa e termina invisível e fora do botão */
    20% { opacity: 1; } /* Brilho aparece com opacidade máxima */
    48% { left: 110%; opacity: 1; } /* Brilho se move para a direita */
    51% { opacity: 0; } /* Brilho desaparece rapidamente */
}

/* Cor da borda do botão (uma borda cinza suave em volta do botão). */
.elementor-1583 .elementor-element.elementor-element-74c3dda .elementor-button::after {
    content: ''; /* Cria um conteúdo vazio, usado para a borda */
    width: calc(100% + 6px); /* A largura da borda é um pouco maior que o botão */
    height: calc(100% + 6px); /* A altura da borda é um pouco maior que o botão */
    border-radius: inherit; /* Herda o arredondamento do botão */
    border-radius: 500px; /* Torna a borda bem arredondada */
    border: 5px solid #ADADAD40; /* Borda de 5px de espessura com cor cinza suave */
    position: absolute; /* Coloca a borda em uma posição absoluta em relação ao botão */
    top: 0; /* Alinha a borda ao topo */
    left: 0; /* Alinha a borda à esquerda */
    z-index: 2; /* Garante que a borda fique acima do conteúdo do botão */
    transform: translate(-50%, -50%); /* Move a borda para centralizá-la */
    top: 50%; /* Coloca a borda no meio do botão */
    left: 50%; /* Coloca a borda no meio do botão */
    user-select: none; /* Impede que o usuário selecione a borda */
    pointer-events: none; /* Impede que a borda interaja com o mouse */
}/* End custom CSS */