.elementor-11752 .elementor-element.elementor-element-eda5232{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;--align-content:center;}.elementor-11752 .elementor-element.elementor-element-eda5232:not(.elementor-motion-effects-element-type-background), .elementor-11752 .elementor-element.elementor-element-eda5232 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hwater.com.br/wp-content/uploads/2026/03/frame-22.jpg");}.elementor-11752 .elementor-element.elementor-element-eda5232.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.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-11752 .elementor-element.elementor-element-609456d .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11752 .elementor-element.elementor-element-609456d{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-11752 .elementor-element.elementor-element-609456d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-11752 .elementor-element.elementor-element-609456d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11752 .elementor-element.elementor-element-609456d .elementor-button .elementor-button-content-wrapper{gap:11px;}@media(max-width:1024px){.elementor-11752 .elementor-element.elementor-element-609456d{--container-widget-width:367px;--container-widget-flex-grow:0;width:var( --container-widget-width, 367px );max-width:367px;}}@media(max-width:767px){.elementor-11752 .elementor-element.elementor-element-609456d{--container-widget-width:279px;--container-widget-flex-grow:0;width:var( --container-widget-width, 279px );max-width:279px;}.elementor-11752 .elementor-element.elementor-element-609456d .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-11752 .elementor-element.elementor-element-609456d .elementor-button{font-size:14px;letter-spacing:-0.6px;}}/* Start custom CSS for button, class: .elementor-element-609456d */.btn39 {
  border-radius: 8px;
  background: linear-gradient(90deg, #71c3e9 0%, #017BB3 50%, #156A91
  100%);
  box-shadow: 0 20px 30px -6px rgba(1, 123, 179, 100);
  padding: 20px 40px;
  outline: none;
  cursor: pointer;
  border: none;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  color: white;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

/* Estilizando o ícone do Elementor */
.btn39 .elementor-button-icon  {
  font-size: 17px; /* Tamanho do ícone */
  color: white; /* Cor do ícone */
  margin-right: 8px; /* Espaço entre o ícone e o texto */
  transition: transform 0.5s ease; /* Transição suave para a animação */
}

/* Microinteração no hover: o avião "decola" */
.btn39:hover .elementor-button-icon  {
  transform: translateX(5px) rotate(5deg); /* Move para a direita e gira levemente */
}

/* Efeito de clique */
.btn39:active {
  opacity: 0.5;
}

/* Efeito de luz passando em diagonal */
.btn39::before {
  content: '';
  background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%);
  width: 70px;
  height: 130%;
  position: absolute;
  transform: translateX(-50%) skew(-25deg);
  bottom: 0%;
  user-select: none;
  pointer-events: none;
  animation: shinery 3s infinite ease-in-out;
  filter: blur(3px);
}

/* Keyframes para a animação da luz */
@keyframes shinery {
  0%, 100% {
    left: -10%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  48% {
    left: 110%;
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

/* Efeito de hover no botão */
.btn39:hover {
  transform: translateY(-8px);
  box-shadow: none;
  transition: 0.5s;
}/* End custom CSS */