.sq247-market-link {
  width: min(1180px, calc(100% - 2rem));
  margin: 1.15rem auto 0;
}

.sq247-market-link a {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.45rem 1.25rem;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(58, 219, 187, 0.42);
  border-radius: 10px;
  background:
    linear-gradient(105deg, rgba(11, 42, 45, 0.96), rgba(12, 24, 35, 0.98) 58%, rgba(18, 42, 65, 0.96)),
    #0d1821;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.04);
  color: #edf8f6;
  text-decoration: none;
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.sq247-market-link a:hover,
.sq247-market-link a:focus-visible {
  border-color: rgba(87, 242, 210, 0.86);
  box-shadow: 0 15px 42px rgba(0, 0, 0, 0.31), 0 0 24px rgba(55, 220, 190, 0.1);
  transform: translateY(-1px);
  outline: none;
}

.sq247-market-link span {
  grid-row: 1 / span 2;
  color: #64e5c8;
  font: 700 0.67rem/1.2 "JetBrains Mono", monospace;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.sq247-market-link strong {
  color: #f3fbfa;
  font: 700 clamp(1.05rem, 2vw, 1.35rem)/1.15 "Playfair Display", serif;
}

.sq247-market-link em {
  grid-column: 2;
  color: #a8babd;
  font: normal 0.9rem/1.45 "Crimson Pro", serif;
}

.sq247-market-link b {
  grid-column: 3;
  grid-row: 1 / span 2;
  color: #8ef4df;
  font: 700 0.78rem/1.3 "JetBrains Mono", monospace;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .sq247-market-link { width: min(100% - 1rem, 560px); margin-top: 0.65rem; }
  .sq247-market-link a { grid-template-columns: 1fr; gap: 0.4rem; padding: 0.9rem 1rem; }
  .sq247-market-link span,
  .sq247-market-link strong,
  .sq247-market-link em,
  .sq247-market-link b { grid-column: 1; grid-row: auto; }
  .sq247-market-link b { margin-top: 0.2rem; }
}