/* sdg-nav.css — SDG prev/next navigatsiya (slider ustida).
   Barcha class nomlari "sdgpn" prefiksi bilan — boshqa stillar bilan to'qnashmaydi.
   Tugma rangi PHP'dan --sdgpn-c o'zgaruvchisi orqali keladi. */

.sdgpn{
  max-width:1320px;
  margin:0px auto 0;
  padding:0 24px;
  display:flex;
  align-items:center;
  gap:14px;
}

.sdgpn__btn{
  --sdgpn-c:#64748b;
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--sdgpn-c);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  letter-spacing:.3px;
  padding:12px 22px;
  border-radius:30px;
  transition:filter .15s ease, transform .15s ease, box-shadow .15s ease;
}
.sdgpn__btn:hover{
  filter:brightness(.92);
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(15,23,42,.18);
}
.sdgpn__btn svg{width:18px;height:18px;flex:0 0 auto}
.sdgpn__label{white-space:nowrap}

/* faqat next bo'lsa — o'ngga; faqat prev bo'lsa — chapda qoladi */
.sdgpn__btn--next{margin-left:auto}

@media(max-width:460px){
  .sdgpn{gap:10px}
  .sdgpn__btn{padding:10px 16px;font-size:13px}
}