.custom-product-swatches {
  display: block;
}

.custom-product-swatches__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 44rem;
}

.custom-product-swatches__link {
  display: inline-flex;
}

.custom-product-swatches__item {
  padding: 2px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.custom-product-swatches__item--current {
  border-color: #000000;
}

.custom-product-swatches__color {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}