.elementor-4802 .elementor-element.elementor-element-3a8937c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.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-4802 .elementor-element.elementor-element-426ff6a .elementor-button{background-color:#61CE7000;}/* Start custom CSS for button, class: .elementor-element-426ff6a */.btn-ia {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 25px;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  color: #000;
  background: #fff; /* interior branco */
  border-radius: 50px;
  border: 2px solid #6b6b6b; /* borda padrão cinza */
  cursor: pointer;
  z-index: 1;
  overflow: hidden;
  transition: color 0.3s ease;
}

/* Gradiente animado – apenas na borda */
.btn-ia::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px; /* espessura da borda */
  background: linear-gradient(90deg, #325CA5, #E51D5C, #FDC807, #A3C63E, #325CA5);
  background-size: 300% 100%;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}

/* Mostra e anima o gradiente no hover */
.btn-ia:hover::after {
  opacity: 1;
  animation: moveBorder 3s linear infinite;
}

/* Movimento do gradiente (parcial, 60%) */
@keyframes moveBorder {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}/* End custom CSS */