.landing{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.links{
  width: 100%;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.link-btn{
  text-align: center;
  padding: 14px 16px;
  border-radius: 14px;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.25),
    rgba(255,255,255,0.05)
  );

  border: 1px solid rgba(255,255,255,0.35);
  backdrop-filter: blur(6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

.link-btn:hover{
  transform: scale(1.04);
  box-shadow: 0 0 18px rgba(255,255,255,0.4);
}

/* colores opcionales */
.link-btn.ig { box-shadow: 0 0 15px rgba(255,0,150,.35); }
.link-btn.tt { box-shadow: 0 0 15px rgba(0,255,255,.35); }
.link-btn.tw { box-shadow: 0 0 15px rgba(120,160,255,.35); }
.link-btn.yt { box-shadow: 0 0 15px rgba(255,60,60,.35); }

.landing{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.links{
  width: 100%;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.link-btn{
  text-align: center;
  padding: 14px 16px;
  border-radius: 14px;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.25),
    rgba(255,255,255,0.05)
  );

  border: 1px solid rgba(255,255,255,0.35);
  backdrop-filter: blur(6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

.link-btn:hover{
  transform: scale(1.04);
  box-shadow: 0 0 18px rgba(255,255,255,0.4);
}

/* colores opcionales */
.link-btn.ig { box-shadow: 0 0 15px rgba(255,0,150,.35); }
.link-btn.tt { box-shadow: 0 0 15px rgba(0,255,255,.35); }
.link-btn.tw { box-shadow: 0 0 15px rgba(120,160,255,.35); }
.link-btn.yt { box-shadow: 0 0 15px rgba(255,60,60,.35); }