.size-options {
  display: flex;
  gap: 1ch;
}

.size-options.small {
  font-size: 12px;
}

.size-option {
  cursor: pointer;
  flex: 1 1;
  max-width: 50%;
  padding: 0.5rem;
  border: 1px solid var(--border);
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.size-picker-input:checked + .size-option,
.size-option:hover {
  border-color: currentColor;
  box-shadow: 0 0 0 1px currentColor;
}