/* Removemos o display flex daqui para não quebrar o grid do Bootstrap */
.cor-container {
  width: 100%;
}

/* Estilo padrão da bolinha de preview */
.preview-cor {
  width: 35px; /* Aumentei um pouco para casar melhor com a altura do select do Bootstrap */
  height: 35px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  transition: background-color 0.3s ease;
  
  /* Centraliza a bolinha perfeitamente dentro da coluna */
  margin: 0 auto; 
}