.elementor-857 .elementor-element.elementor-element-474f7ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:10em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-857 .elementor-element.elementor-element-77e0c69.elementor-element{--align-self:center;}.elementor-857 .elementor-element.elementor-element-77e0c69 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-857 .elementor-element.elementor-element-77e0c69 .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-857 .elementor-element.elementor-element-77e0c69 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;background-color:transparent;background-image:linear-gradient(123deg, var( --e-global-color-19d8205 ) 0%, var( --e-global-color-accent ) 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#F4F4F447;border-radius:12px 12px 12px 12px;padding:16px 20px 14px 40px;}@media(max-width:1441px){.elementor-857 .elementor-element.elementor-element-474f7ff{--padding-top:10em;--padding-bottom:6em;--padding-left:3em;--padding-right:3em;}}@media(max-width:767px){.elementor-857 .elementor-element.elementor-element-474f7ff{--padding-top:8em;--padding-bottom:5em;--padding-left:1em;--padding-right:1em;}}/* Start custom CSS for text-editor, class: .elementor-element-6fd1868 */.elementor-857 .elementor-element.elementor-element-6fd1868 span{
    color: #f4f4f4 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-77e0c69 */.elementor-857 .elementor-element.elementor-element-77e0c69 .elementor-button-icon{
    font-size: 32px;
}

.elementor-857 .elementor-element.elementor-element-77e0c69 .elementor-button-text{
    margin-top: -2px;
}
.elementor-857 .elementor-element.elementor-element-77e0c69 .elementor-button-content-wrapper{
    align-content: center;
    align-items: center;
}




/*efeito botão*/



.btn {
 border-radius: 9px;  /*defina o arredondamento aqui*/
overflow: hidden;
 transition: 0.4s; /*defina o tempo da transição*/
}

.btn:hover {
 box-shadow: 7px 5px 56px -14px #0628FA !important; /*defina o brilho no hover*/
}






.button:hover::before {
  animation: shine 1.5s ease-out infinite; /*defina o tempo que o brilho passará*/
}

.button::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100%;
  background-image: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 35%, /*defina a cor do brilho interno no hover*/
    rgba(255, 255, 255, 0.8), /*defina a cor do brilho interno no hover*/
    rgba(255, 255, 255, 0) 75% /*defina a cor do brilho interno no hover*/
  );
  top: 0;
  left: -100px;
  opacity: 0.4;
}

@keyframes shine {
  0% {
    left: -100px;
  }

  60% {
    left: 100%;
  }

  to {
    left: 100%;
  }
}






/* Para o texto dentro do botão */
.animated-button span {
   
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Efeito quando passa o mouse */
.animated-button:hover span {
    transform: translateY(-100%);
    opacity: 0;
}

/* Segundo texto que aparece no hover */
.animated-button::after {
    content: "Vamos juntos?"; /* Texto que aparece no hover */
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    opacity: 0;
    transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Quando passa o mouse, o segundo texto sobe */
.animated-button:hover::after {
    top: 50%;
    opacity: 1;
    transform: translate(-50%, -50%);
}/* End custom CSS */