.contract{
  gap:4px;
  padding-right:4px;
}
.contracts{
  display:grid;
  gap:8px;
  width:100%;
  max-width:500px;
  margin-top:18px;
}
.contracts .contract{
  display:flex;
  max-width:none;
  margin-top:0;
  border:2px solid var(--ink);
  align-items:center;
}
.contract-icon{
  display:block;
  width:22px;
  height:22px;
  object-fit:contain;
}
.contract code,.contract-address{
  min-width:0;
  padding:0 10px 0 12px;
  overflow-wrap:anywhere;
  flex:1;
  font-size:clamp(11px,1.15vw,13px);
  line-height:1.35;
  font-weight:600;
}
.contract-address{
  cursor:pointer;
  touch-action:manipulation;
  user-select:none;
  transition:color .15s;
}
.contract-address:hover{color:var(--green,#1c981f)}
.contract-buy{
  display:flex;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  min-height:100%;
  margin-right:2px;
  padding:12px;
  border:0;
  background:var(--ink);
  color:var(--lime);
  font:700 11px var(--sans);
  text-decoration:none;
  cursor:pointer;
  touch-action:manipulation;
}
.contract-buy:hover{
  background:var(--lime);
  color:var(--ink);
}
.buy-buttons--nav{
  display:flex;
  gap:6px;
}
.buy-btn{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 12px;
  border:2px solid var(--lime);
  background:var(--lime);
  color:var(--ink);
  font:800 10px var(--sans);
  letter-spacing:.04em;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  touch-action:manipulation;
  transition:background .15s,color .15s;
}
.buy-buttons--nav .buy-btn{
  min-height:38px;
}
.buy-btn:hover{
  background:transparent;
  color:var(--lime);
}
.buy-btn-icon{
  display:block;
  width:18px;
  height:18px;
  flex:none;
  object-fit:contain;
}