.contract {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  max-width: 540px;
  margin: -7px 0 18px;
  border: 1px solid #4b5147;
  background: #10130f;
}

.contract span,
.contract code,
.contract button { padding: 13px 14px; }
.contract span { color: #8f958a; font: 500 .72rem 'DM Mono', monospace; }
.contract code { overflow: hidden; color: var(--gold); font: 500 .72rem 'DM Mono', monospace; text-overflow: ellipsis; white-space: nowrap; }
.contract button { height: 100%; border: 0; border-left: 1px solid #4b5147; background: transparent; color: var(--acid); cursor: pointer; font: 500 .75rem 'DM Mono', monospace; }
.contract button:hover { background: #1b2018; }

@media (max-width: 520px) {
  .contract { grid-template-columns: 1fr auto; }
  .contract span { display: none; }
}