.rank-row{
  display:grid;
  grid-template-columns:36px 1fr auto;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  align-items:center;
  text-decoration:none;
  color:inherit;
}
.rank-row:hover{ background:#f8fafc;   text-decoration: none !important;

color:#00B900 !important;}

.no{
  width:30px;height:30px;border-radius:0px;
  display:grid;place-items:center;
  font-weight:700;background:#00B900;color:#fff;
}

.meta .name{ font-weight:800; line-height:1.2; }
.views{ font-weight:800; white-space:nowrap; color:#111827; }

.bar{
  height:10px;background:#eef2f7;border-radius:999px;
  overflow:hidden;margin-top:8px;
}
.bar span{
  display:block;
  height:10px;
  width:0%;
  border-radius:999px;
  background: linear-gradient(90deg,#9F1239,#FF3A65);
}
.rank-row:hover .bar span{
  filter: brightness(1.6);
    text-decoration: none;
}