.base-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.base-option {
  min-height: 54px;
  padding: 8px;
  border: 1px solid #e7eae4;
  border-radius: 6px;
  background: #fff;
  color: #3d493e;
  text-align: left;
  cursor: pointer;
}

.base-option strong, .base-option small {
  display: block;
}

.base-option strong {
  font: 600 10px 'DM Sans', sans-serif;
}

.base-option small {
  margin-top: 4px;
  color: #929a90;
  font: 400 8px/1.3 'DM Sans', sans-serif;
}

.base-option:hover {
  border-color: #fcc006;
}

.base-option.active {
  border-color: #fcc006;
  background: #fff9e6;
  box-shadow: inset 0 0 0 1px #fcc006;
}