.buy-button {
  width: 100%;
  margin-top: 11px;
  border: 1px solid #258fe855;
  border-radius: 10px;
  background: #152b41;
  color: #6bc3ff;
  padding: 9px 6px;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.buy-button:active {
  transform: scale(.98);
  background: #193650;
}

.market-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin-top: 11px;
}

.market-button {
  min-width: 0;
  border: 1px solid #30394a;
  border-radius: 8px;
  background: #171d27;
  color: #8f9bad;
  padding: 8px 2px;
  font-size: 7px;
  font-weight: 800;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}

.market-button.exact {
  border-color: #258fe877;
  background: #152b41;
  color: #6bc3ff;
}

.market-button:active {
  transform: scale(.97);
}