.card-product-swatches {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-right: 2rem;
}

.card-product-swatch {
  outline: none;
  border: 1px solid transparent;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
}

.card-product-swatch img {
  display: block;
  margin: 0;
}

.card-product-swatch--light {
  border: 1px solid #e9e9e9;
}

.card-product-swatch--active {
  box-shadow: 0 0 0 1.5px #EB2B7B;
}