/* Cole isto no Custom CSS do widget Button (sem classe) */

/* base do wrapper do widget (opcional) */
selector { position: relative; }

/* botão base */
selector .elementor-button{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  overflow: hidden;
  border: none;
  border-radius: 14px;
  padding: 14px 28px;
  color: #eafff6;
  cursor: pointer;
  background: transparent;
  transform: translateZ(0);
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 10px 36px rgba(0,255,115,.18);
}

/* 1) BORDA animada (anel conic-gradient) */
selector .elementor-button::before{
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: conic-gradient(
    from var(--a, 0deg),
    #00ff73, #84ffbc, #00ff73, #00c15a, #00ff73
  );
  animation: btn-rotate 4s linear infinite;
  filter: saturate(1.1) brightness(1.1);
  z-index: 0;
}

/* 2) MIOLO + SHIMMER (ocupa 100% do botão) */
selector .elementor-button::after{
  content:"";
  position:absolute;
  inset: 2px;
  border-radius:12px;
  background:
    linear-gradient(100deg, transparent 40%, rgba(255,255,255,.65) 50%, transparent 60%) -150% 0 / 220% 100% no-repeat,
    radial-gradient(120% 120% at 10% 0%, #0b1f17 0%, #0a0f12 45%, #0b1f17 100%);
  box-shadow:
    inset 0 0 0 1px rgba(15,255,137,.12),
    inset 0 -18px 36px rgba(0,255,115,.10);
  z-index: 0;
  animation: shimmer-move 2.8s ease-in-out infinite;
}

/* conteúdo acima das camadas */
selector .elementor-button > *{ position: relative; z-index: 1; }

/* interações */
selector .elementor-button:hover{
  transform: translateY(-1px) scale(1.015);
  box-shadow: 0 18px 56px rgba(0,255,115,.25);
}
selector .elementor-button:active{ transform: translateY(0) scale(.995); }
selector .elementor-button:focus-visible{
  outline: 2px solid rgba(0,255,115,.7);
  outline-offset: 3px;
}

/* animações */
@keyframes btn-rotate { to { --a: 360deg; } }
@keyframes shimmer-move{
  0%   { background-position: -150% 0, 0 0; opacity: 0; }
  20%  { opacity: .95; }
  60%  { background-position: 150% 0, 0 0; opacity: 0; }
  100% { background-position: 150% 0, 0 0; opacity: 0; }
}

/* acessibilidade: reduzir movimento */
@media (prefers-reduced-motion: reduce){
  selector .elementor-button::before,
  selector .elementor-button::after{ animation: none !important; }
}