.elementor-1528 .elementor-element.elementor-element-9b38fc7{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1528 .elementor-element.elementor-element-9b38fc7:not(.elementor-motion-effects-element-type-background), .elementor-1528 .elementor-element.elementor-element-9b38fc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1528 .elementor-element.elementor-element-1c23ed6.elementor-element{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-1c23ed6 *//* ==========================================================
      WRAPPER
========================================================== */

.prismA-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}


/* ==========================================================
      TAG SUPERIOR
========================================================== */

.prismA-tag {
  padding: 4px 14px;
  background: rgba(10,10,16,0.55);
  backdrop-filter: blur(12px);
  border-radius: 10px;

  border: 1px solid rgba(255,255,255,0.08);

  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .45px;
}

.prismA-tag strong {
  color: #ffffffdd;
}


/* ==========================================================
      BOTÃO — BORDA PRISMÁTICA SUAVE
========================================================== */

.btn-prismA-ultra {
  max-width: 440px;
  margin: auto;
  padding: 2px;
  border-radius: 14px;
  position: relative;
  overflow: hidden;

  background: conic-gradient(
    from 0deg,
    rgba(255,130,190,0.55),
    rgba(110,140,255,0.45),
    rgba(120,255,230,0.45),
    rgba(255,220,120,0.45),
    rgba(255,130,190,0.55)
  );
  background-size: 300% 300%;

  animation: prismAFlow 8s ease-in-out infinite;
}

@keyframes prismAFlow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 180% 50%; }
  100% { background-position: 0% 50%; }
}


/* ==========================================================
      PARTÍCULAS HOLOGRÁFICAS
========================================================== */

.prismA-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: .45;

  background:
    radial-gradient(circle, rgba(255,130,200,0.55) 0%, transparent 70%) 12% 22px / 6px 6px,
    radial-gradient(circle, rgba(120,180,255,0.45) 0%, transparent 70%) 65% 88px / 5px 5px,
    radial-gradient(circle, rgba(255,255,255,0.25) 0%, transparent 70%) 40% 150px / 4px 4px,
    radial-gradient(circle, rgba(120,255,220,0.35) 0%, transparent 70%) 80% 40px / 5px 5px,
    radial-gradient(circle, rgba(255,220,150,0.40) 0%, transparent 70%) 20% 190px / 5px 5px;

  animation: prismAParticlesFloat 14s ease-in-out infinite;
}

@keyframes prismAParticlesFloat {
  0%   { transform: translateY(0px); opacity: .35; }
  50%  { transform: translateY(-18px); opacity: .55; }
  100% { transform: translateY(0px); opacity: .35; }
}


/* ==========================================================
      INNER — BLACK GLASS SUAVE
========================================================== */

.btn-prismA-inner {
  position: relative;
  z-index: 2;

  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(14px);
  border-radius: 12px;

  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;

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

  box-shadow:
    inset 0 0 14px rgba(255,255,255,0.05),
    inset 0 0 30px rgba(120,120,160,0.18);

  transition: .35s ease;
}


/* ==========================================================
      LABEL — PRISM IRIDESCENT SOFT
========================================================== */

.btn-prismA-label {
  padding: 10px 14px;
  border-radius: 8px;

  color: #f6fdff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .65px;

  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.18),
    rgba(255,255,255,0.05)
  );

  box-shadow:
    inset 0 0 18px rgba(255,255,255,0.15),
    inset 0 0 28px rgba(180,180,240,0.18);

  transition: .35s ease;
}

.btn-prismA-ultra:hover .btn-prismA-label {
  filter: brightness(1.25);
  box-shadow:
    inset 0 0 40px rgba(255,255,255,0.25),
    inset 0 0 70px rgba(150,150,255,0.22);
}


/* ==========================================================
      SETA — PRISM GRADIENT
========================================================== */

.inline-svg-prismA {
  width: 24px;
  height: auto;

  fill: url(#prismAGradient) !important;
  stroke: url(#prismAGradient) !important;

  transform: rotate(-45deg);
  opacity: .95;
  transition: .35s ease;
}

.btn-prismA-ultra:hover .inline-svg-prismA {
  transform: rotate(0deg) translateX(4px);
  filter: drop-shadow(0 0 10px rgba(255,255,255,0.6));
}

.btn-prismA-arrow {
  opacity: 0;
  width: 24px;
}/* End custom CSS */