selector{
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

selector .elementor-button{
    transition: 0.5s;
    background: transparent !important;
}

selector .elementor-button-text,
selector .elementor-button-icon{
    position: relative;
    z-index: 3;
}

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

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

/*hover cor de fundo*/
selector .elementor-button:hover:before {
  background: #222530; /*altere a cor aqui*/
}

/*cor do brilho*/
selector::before {
  position: absolute;
  content: "";
  top: -40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff; /*altere a cor aqui*/
  z-index: 2;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: 20px;
  height: 100px;
  filter: blur(15px);
    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);
    }
}