.card-variants.custom-swatches {
  display: flex;
  flex-wrap:wrap;
}
.card-variant {
    width: 20px;
    height: 20px;
    margin: 2px;
    border: 1px solid #f8f8f8;
    border-radius: 100%;
}

@media screen and (max-width: 749px) {
  .card-variant {
    width: 30px;
    height: 30px;
  }
}