.woocommerce-tabs .color-group .colors {
  display: grid;
  text-align: center;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 480px) {
  .woocommerce-tabs .color-group .colors {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .woocommerce-tabs .color-group .colors {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .woocommerce-tabs .color-group .colors {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .woocommerce-tabs .color-group .colors {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

.woocommerce-tabs .color-group .colors p {
  font-size: 14px;
  line-height: 1;
  margin: 10px 5px 5px;
}

.woocommerce-tabs .color-group:not(:first-of-type) {
  margin-top: 25px;
}