/* CTAs da Rede — verde Vitrine + sombra glow parada */

.cta-glow-wrap {
  position: relative;
  display: inline-flex;
  isolation: isolate;
  vertical-align: middle;
}

.cta-glow-wrap {
  filter:
    drop-shadow(0 14px 18px rgb(91 33 182 / 0.26))
    drop-shadow(0 6px 10px rgb(200 245 66 / 0.18));
}

.cta-glow-wrap > .cta-glow-layer,
.cta-glow-wrap::before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 40%;
  bottom: -18px;
  border-radius: 999px;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 80%, rgb(91 33 182 / 0.4) 0%, transparent 72%),
    radial-gradient(ellipse at 50% 55%, rgb(200 245 66 / 0.22) 0%, transparent 68%);
  filter: blur(16px);
  animation: none;
  transform: none;
}
.cta-glow-wrap > .animated-button,
.cta-glow-wrap > a,
.cta-glow-wrap > button {
  position: relative;
  z-index: 1;
}

.animated-button {
  background-color: #c8f542 !important;
  background-image: none !important;
  color: #111318 !important;
  animation: none;
}

.cta-glow-wrap > .animated-button {
  animation: none;
}

.animated-button svg {
  fill: #111318 !important;
}

.animated-button .circle {
  background-color: #d4f85a !important;
  background-image: none !important;
}

.animated-button:hover {
  background-color: #c8f542 !important;
  background-image: none !important;
  color: #111318 !important;
  box-shadow:
    0 10px 26px rgb(168 217 42 / 0.42),
    0 2px 8px rgb(17 19 24 / 0.16) !important;
}

.animated-button:hover svg {
  fill: #111318 !important;
}

.animated-button:active {
  box-shadow: 0 0 0 4px rgb(200 245 66 / 0.45) !important;
}

/* Explorar (home) — sem depender de classe injetada no JS */
.community-home-main a.shrink-0.w-full {
  position: relative;
  display: inline-flex;
  isolation: isolate;
  vertical-align: middle;
  filter:
    drop-shadow(0 14px 18px rgb(91 33 182 / 0.26))
    drop-shadow(0 6px 10px rgb(200 245 66 / 0.18));
}

.community-home-main a.shrink-0.w-full::before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 40%;
  bottom: -18px;
  border-radius: 999px;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 80%, rgb(91 33 182 / 0.4) 0%, transparent 72%),
    radial-gradient(ellipse at 50% 55%, rgb(200 245 66 / 0.22) 0%, transparent 68%);
  filter: blur(16px);
  animation: none;
  transform: none;
}

.community-home-main a.shrink-0.w-full > button,
.community-home-main button.h-10.px-5,
.explorar-rede-cta {
  position: relative !important;
  z-index: 1;
  overflow: hidden !important;
  isolation: isolate;
  border: 3px solid transparent !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
  color: #111318 !important;
  background-color: #c8f542 !important;
  background-image: radial-gradient(circle, #d4f85a 0%, #d4f85a 100%) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 0 0 !important;
  box-shadow:
    0 8px 22px rgb(168 217 42 / 0.36),
    0 2px 6px rgb(17 19 24 / 0.14) !important;
  transition:
    border-radius 0.6s cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 0.6s cubic-bezier(0.23, 1, 0.32, 1),
    background-size 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.community-home-main button.h-10.px-5:hover,
.explorar-rede-cta:hover {
  border-radius: 12px !important;
  color: #111318 !important;
  background-color: #c8f542 !important;
  background-size: 280px 280px !important;
}

.community-home-main button.h-10.px-5 svg,
.explorar-rede-cta svg {
  color: #111318 !important;
  stroke: #111318 !important;
  opacity: 1 !important;
}