.hasofer-variations {
  display: flex;
  flex-wrap: wrap;
  font-size: .8em;
  gap: 4px;
  line-height: 1.5em;
  list-style: none;
  max-width: 12em;
  position: relative;
}

.hasofer-variation {
  --border-size: 2px;
  border: var(--border-size) solid #bbb;
  padding: 0 1ex;
}

.hasofer-variation:hover {
  border: var(--border-size) solid #888;
}

.hasofer-variation.selected {
  border: var(--border-size) solid #040404;
}

.hasofer-variation.disabled {
  border: var(--border-size) solid #ddd;
  color: #ddd;
  pointer-events: none;
}