.mini-swatch {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: $color-white;
  transition: opacity ease-in-out 0.3s;
}
.mini-swatch__swatch {
  display: block;
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #CBCBCC;
}
.mini-swatch__swatch--primary {
  border-color: #000000;
}