.s-ref-strip{
  background: linear-gradient(90deg, rgba(59,130,246,.08), rgba(124,58,237,.08));
  border-block: 1px solid rgba(2,6,23,.06);
  padding: clamp(10px, 2.4vw, 14px) 0;
}
.s-ref-strip__inner{
  width:min(100%, var(--container-w, 1200px));
  margin-inline:auto;
  padding-inline:16px;

  display:flex;
  align-items:center;
  gap:16px;
  justify-content:space-between;
}
.ref-meta{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.ref-tag{
  display:inline-block;
  padding:.35rem .6rem;
  border-radius:999px;
  border:1px solid rgba(2,6,23,.12);
  background:#fff;
  color:#0b1324;
  font:600 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.ref-name{
  font:700 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.2px;
  color:#0b1324;
}

.btn-ref{
  display:inline-flex; align-items:center; justify-content:center;
  background:#26de35; color:#fff; text-decoration:none;
  padding:.55rem .9rem; border-radius:10px; font-weight:700;
  border:1px solid rgba(2,6,23,.1);
  transition:transform .15s ease, box-shadow .2s ease, filter .15s ease;
}
.btn-ref:hover{ transform:translateY(-1px); box-shadow:0 8px 22px rgba(37,99,235,.25); }
@media (max-width:680px){
  .s-ref-strip__inner{ flex-direction:column; align-items:flex-start; }
}