.swatches-hide {
    opacity: 0; position: absolute; left: -9000px; width: 0; height: 0; overflow: hidden;
}
ul.image-swatches {
    padding: 0; margin: 0;
}
.image-swatches li {
    list-style: none; display: inline-block; margin-right: 5px;
}

.image-swatches li button {
    margin: 0; padding: 0; border: none; background: none;
}

.image-swatches li button img {
    padding: 2px; border: none; border-radius: 50%;
}

.image-swatches li button.active img{
    border: 2px solid #000000;
}


ul.selected-swatches-wrapper {
    display: none;
    list-style: none; margin: 0; padding: 0;
}

ul.selected-swatches-wrapper li {
    font-size: 24px; display: inline-block; margin-right: 20px; font-weight: 500;
}

ul.selected-swatches-wrapper li:before {
    content: '✓'; margin-right: 5px;
}

ul.button-swatches  {
    padding: 0; margin: 0;
}
.button-swatches li {
    list-style: none; display: inline-block; margin-right: 5px;
}
.button-swatches li button.active:before {
    content: '✓';
}
.button-swatches li button.active {
    font-weight: 500;
}
.button-swatches li button.btn-info:focus {
    box-shadow: none;
}