.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Verdana;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-141 .elementor-element.elementor-element-f5f2210 .elementor-button{background-color:#1955ED;font-family:"Verdana", Verdana;font-size:16px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;padding:24px 0px 24px 0px;}.elementor-141 .elementor-element.elementor-element-f5f2210{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:8px 0px 8px 0px;}.elementor-141 .elementor-element.elementor-element-f5f2210.elementor-element{--align-self:center;}.elementor-141 .elementor-element.elementor-element-f5f2210 .elementor-button-content-wrapper{flex-direction:row;}#elementor-popup-modal-141 .dialog-widget-content{background-color:#02010100;margin:0% 1% 1% 0%;}#elementor-popup-modal-141 .dialog-message{width:370px;height:auto;}#elementor-popup-modal-141{justify-content:flex-end;align-items:flex-end;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-141 .elementor-element.elementor-element-f5f2210 .elementor-button{padding:16px 24px 16px 24px;}}/* Start custom CSS for button, class: .elementor-element-f5f2210 *//* Use o Easy Coder para personalizar as cores */
.elementor-141 .elementor-element.elementor-element-f5f2210 .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-141 .elementor-element.elementor-element-f5f2210 .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-141 .elementor-element.elementor-element-f5f2210 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #4ADE80 0%, #16A34A 100%); /* Gradiente de fundo (verde claro para verde escuro) */


    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 */
}



/* Efeito de brilho para dar um toque especial no botão. */
.elementor-141 .elementor-element.elementor-element-f5f2210 .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-141 .elementor-element.elementor-element-f5f2210 .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 */