.elementor-1584 .elementor-element.elementor-element-4478593{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1584 .elementor-element.elementor-element-4478593:not(.elementor-motion-effects-element-type-background), .elementor-1584 .elementor-element.elementor-element-4478593 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.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-1584 .elementor-element.elementor-element-5cddf27 .elementor-button{background-color:#B2FE02;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;border-radius:5px 5px 5px 5px;padding:20px 50px 20px 50px;}.elementor-1584 .elementor-element.elementor-element-5cddf27.elementor-element{--align-self:center;}.elementor-1584 .elementor-element.elementor-element-5cddf27 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1584 .elementor-element.elementor-element-5cddf27 .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(max-width:767px){.elementor-1584 .elementor-element.elementor-element-5cddf27 .elementor-button{font-size:14px;}}/* Start custom CSS for button, class: .elementor-element-5cddf27 */.elementor-1584 .elementor-element.elementor-element-5cddf27{
    overflow: hidden;
    border-radius: 8px;
    padding: 0;
}

.elementor-1584 .elementor-element.elementor-element-5cddf27 .elementor-button *{
    position: relative;
    z-index: 9;
}

.elementor-1584 .elementor-element.elementor-element-5cddf27 .elementor-button{
    transition: 0.5s;
    background: transparent !important;
    padding: 24px;
    position: relative;
    z-index: 3;
    width: 300px; /*altere a largura aqui*/
}

/*cor da borda*/
.elementor-1584 .elementor-element.elementor-element-5cddf27 .elementor-button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #8B5CF620; /*altere a cor aqui - TROCADO PARA ROXO */
  z-index: 1;
  transition: opacity 0.3s linear;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

/*cor de fundo*/
.elementor-1584 .elementor-element.elementor-element-5cddf27 .elementor-button::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #131313; /*altere a cor aqui - MANTIDO */
  z-index: 3;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: calc(100% - 2px); /*controle a largura da borda aqui*/
  height: calc(100% - 2px); /*controle a largura da borda aqui*/
    border-radius: 8px;
    transition: 0.5s;
}

/*cor do brilho*/
.elementor-1584 .elementor-element.elementor-element-5cddf27::before {
  position: absolute;
  content: "";
  top: -200%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #8B5CF6; /*altere a cor aqui - TROCADO PARA ROXO */
  z-index: 2;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: 50px;
  height: 500%;
  filter: blur(5px);
    border-radius: 8px;
  animation: rodar 5s infinite linear;
  transform-origin: center bottom;
}

/*animação do brilho*/
@keyframes rodar{
    0%{
        transform: translate(-50%, -50%) rotate(0);
    }
    100%{
        transform: translate(-50%, -50%) rotate(360deg);
    }
}/* End custom CSS */