/* ===============================
   🧬 ORGANELLES BUTTON – PREMIUM (ALIVE, NOT LOADING)
   =============================== */

.organelles-footer{
  display:flex;
  justify-content:center;
  margin:28px 0 36px;
}

/* ===== BUTTON CORE ===== */
.organelles-btn{
  position:relative;
  padding:14px 36px;
  border-radius:999px;

  font-size:.85rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;

  color:#eaf8ff;
  text-decoration:none;

  background:
    linear-gradient(135deg,#0b1538,#060a1f);

  border:1px solid rgba(120,180,255,.45);

  box-shadow:
    0 10px 35px rgba(0,0,0,.8),
    inset 0 0 0 1px rgba(255,255,255,.06);

  overflow:hidden;
  isolation:isolate;
}

/* ===== INTERNAL ENERGY GLOW (NO SWEEP) ===== */
.organelles-btn::before{
  content:"";
  position:absolute;
  inset:-40%;

  background:
    radial-gradient(
      260px 140px at 50% 50%,
      rgba(120,180,255,.35),
      transparent 65%
    );

  opacity:.65;
  filter:blur(18px);

  animation:energyDrift 7s ease-in-out infinite;
  pointer-events:none;
}

/* ===== HOVER (MORE LIFE, STILL NOT LOADING) ===== */
.organelles-btn:hover{
  box-shadow:
    0 0 40px rgba(120,180,255,.6),
    0 0 90px rgba(80,140,255,.45);
}

/* ===== ORGANIC MOTION (NO DIRECTIONAL FLOW) ===== */
@keyframes energyDrift{
  0%{
    transform:scale(1) translate(0,0);
    opacity:.55;
  }
  50%{
    transform:scale(1.08) translate(6px,-4px);
    opacity:.75;
  }
  100%{
    transform:scale(1) translate(0,0);
    opacity:.55;
  }
}

/* ===== MOBILE ===== */
@media(max-width:600px){
  .organelles-btn{
    padding:12px 26px;
    font-size:.78rem;
  }
}