.cr-purchase-config {
  margin: 1.25rem 0;
}

.cr-purchase-config h3 {
  margin: 0 0 .75rem;
  font-size: .875rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.cr-purchase-config__options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

.cr-purchase-config__option {
  min-height: 5.5rem;
  padding: .9rem;
  border: 1px solid #b9b2a8;
  background: #fff;
  color: #171512;
  text-align: left;
  cursor: pointer;
}

.cr-purchase-config__option.is-active {
  border-color: #171512;
  box-shadow: inset 0 0 0 1px #171512;
}

.cr-purchase-config__option span,
.cr-purchase-config__option strong,
.cr-purchase-config__option small {
  display: block;
}

.cr-purchase-config__option strong {
  margin-top: .35rem;
}

.cr-purchase-config__option small {
  margin-top: .25rem;
  color: #6a5139;
}

@media (max-width: 380px) {
  .cr-purchase-config__options {
    grid-template-columns: 1fr;
  }
}