.range-with-steps {
  display: grid;
  grid-template-columns: 40px minmax(8rem, 1fr) 40px;
  gap: 8px;
  align-items: center;
}

.step-button {
  width: 40px;
  height: 40px;
  border: 1px solid #b8c8dc;
  border-radius: 11px;
  background: #fff;
  color: #174f89;
  font: inherit;
  font-size: 1.35rem;
  font-weight: 850;
  cursor: pointer;
}

.step-button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}