.elementor-17 .elementor-element.elementor-element-bd25186{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-17 .elementor-element.elementor-element-957abeb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-957abeb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-2d0ab2f{width:var( --container-widget-width, 49.258% );max-width:49.258%;--container-widget-width:49.258%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-2d0ab2f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-b86f3d8{--display:flex;}.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-17 .elementor-element.elementor-element-c30a2e9 .elementor-button{background-color:#111311;font-family:"Montserrat", Sans-serif;font-weight:700;text-decoration:none;border-style:none;border-radius:20px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-c30a2e9.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-957abeb{--width:50%;}.elementor-17 .elementor-element.elementor-element-b86f3d8{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-c30a2e9 *//* Estilização do botão dentro do Elementor */
.elementor-button {
    background-color: #1B1B1B !important; /* Fundo interno do botão */
    border-radius: 6px;
    color: white !important;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 24px;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

/* Efeito hover no botão */
.elementor-button:hover {
    transform: scale(1.05);
}

/* Efeito animado na borda do botão */
.elementor-button-wrapper {
    background: linear-gradient(96deg, 
        #002aff, #3388ff,   /* Tons de azul */
        #5a00cc, #bb33ff,   /* Tons de roxo */
        #990022, #ff3366    /* Tons de vermelho */
    );
    background-size: 300% 300%;
    animation: colorShift 4s linear infinite;
    padding: 3px;
    border-radius: 12px;
}

/* Animação da borda com azul, roxo e vermelho */
@keyframes colorShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c30a2e9 */.botao-animado {
  --first-color: #5ddcff;
  --second-color: #3c67e3;
  --third-color: #4e00c2;
  --rotate: 132deg;

  position: relative;
  border-radius: 20px;
  color: #fff;
  background: #0a0a0a; /* fundo neutro para destacar as bordas */
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  padding: 4px 4px;
  font-weight: 600;
}

@property --rotate {
  syntax: "<angle>";
  initial-value: 132deg;
  inherits: false;
}

.botao-animado::before,
.botao-animado::after {
  position: absolute;
  content: "";
  z-index: -1;
  background-image: linear-gradient(
    var(--rotate),
    var(--first-color),
    var(--second-color) 43%,
    var(--third-color)
  );
  animation: spin 2.5s linear infinite;
  opacity: 1;
  transition: all 0.5s ease-in-out;
  border-radius: 40px; /* cobre bem as bordas */
}

.botao-animado::before {
  top: -8%;
  left: -8%;
  width: 116%;
  height: 116%;
}

.botao-animado::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(0.9);
  filter: blur(80px);
}

.botao-animado:hover {
  transform: scale(1.05);
}

@keyframes spin {
  0% {
    --rotate: 0deg;
  }
  100% {
    --rotate: 360deg;
  }
}/* End custom CSS */