.elementor-1533 .elementor-element.elementor-element-54b1840{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1533 .elementor-element.elementor-element-54b1840:not(.elementor-motion-effects-element-type-background), .elementor-1533 .elementor-element.elementor-element-54b1840 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1533 .elementor-element.elementor-element-65df13a.elementor-element{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-65df13a *//* ===========================
   🔵 WRAPPER GERAL
=========================== */
.btn-plasma-blue-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.btn-plasma-blue-wrapper:hover .inline-svg-blue {
  transform: rotate(0deg) translateX(3px);
  filter: drop-shadow(0 0 8px #3cbcff);
  opacity: 1;
}

/* ===========================
   🔵 BOTÃO COM BORDA TRON
=========================== */
.btn-plasma-blue {
  padding: 2px;
  border-radius: 14px;
  position: relative;

  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(12px);

  border: 2px solid rgba(0, 150, 255, 0.6);
  box-shadow: 0 0 8px rgba(0,150,255,0.45);

  transition: 0.35s ease;
}

.btn-plasma-blue:hover {
  border-color: rgba(0,180,255,1);
  box-shadow:
    0 0 14px rgba(0,180,255,0.85),
    0 0 30px rgba(0,180,255,0.35);
}

/* ===========================
   🔵 LINHA INTERNA
=========================== */
.btn-blue-inner {
  background: rgba(0,0,0,0.88);
  border-radius: 12px;
  backdrop-filter: blur(10px);

  padding: 10px 18px;
  border: 1px solid rgba(255,255,255,0.05);

  display: inline-flex;
  justify-content: center;
  align-items: center;

  box-shadow: inset 0 0 12px rgba(0,0,0,0.6);
}

/* ===========================
   🔵 LABEL
=========================== */
.btn-blue-label {
  color: #dff3ff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .65px;

  padding: 10px 14px;
  border-radius: 8px;

  background: radial-gradient(
      circle at 30% 40%,
      rgba(0,160,255,0.40),
      rgba(0,80,140,0.20),
      transparent 70%
    ),
    radial-gradient(
      circle at 70% 60%,
      rgba(0,200,255,0.30),
      rgba(0,110,200,0.14),
      transparent 80%
    );

  box-shadow:
    inset 0 0 18px rgba(0,160,255,0.55),
    inset 0 0 28px rgba(0,120,255,0.25);

  transition: .35s ease;
}

.btn-plasma-blue-wrapper:hover .btn-blue-label {
  box-shadow:
    inset 0 0 40px rgba(0,200,255,0.75),
    inset 0 0 70px rgba(0,120,255,0.55);
  filter: brightness(1.25);
}

/* ===========================
   🔵 ORB (separado)
=========================== */
.btn-blue-orb {
  width: 42px;
  height: 42px;

  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;
  background: rgba(0,0,0,0.88);
  border: 1px solid rgba(0,160,255,0.35);

  box-shadow:
    0 0 12px rgba(0,150,255,0.35),
    inset 0 0 12px rgba(0,150,255,0.20);

  transition: .35s ease;
}

.btn-plasma-blue-wrapper:hover .btn-blue-orb {
  box-shadow:
    0 0 22px rgba(0,200,255,0.75),
    inset 0 0 22px rgba(0,200,255,0.35);
}

/* ===========================
   🔵 SETA INLINE (SVG)
=========================== */
/* tentativa forte via filter */
.btn-blue-arrow {
  width: 22px;
  transform: rotate(-45deg);
  transition: 0.32s ease;
  opacity: .98;

  /* filtro pensado para transformar SVG escuro em azul brilhante */
  filter:
    brightness(0) saturate(100%)
    invert(55%) sepia(85%) saturate(400%) hue-rotate(170deg)
    brightness(120%) contrast(105%)
    drop-shadow(0 0 6px rgba(60,188,255,0.9));
}

/* hover do wrapper */
.btn-plasma-blue-wrapper:hover .btn-blue-arrow {
  transform: rotate(0deg) translateX(4px);
  filter:
    brightness(0) saturate(100%)
    invert(55%) sepia(85%) saturate(600%) hue-rotate(170deg)
    brightness(160%) contrast(110%)
    drop-shadow(0 0 10px rgba(60,188,255,0.95));
}/* End custom CSS */