.outer-space-container {
  display: flex; }

.space {
  border: 1px solid black;
  height: 50px;
  width: 50px; }

.active {
  cursor: pointer; }

.clicked {
  color: #DEB887; }

.fa.disabled {
  color: rgba(0, 0, 0, 0.5); }
  .fa.disabled:hover {
    cursor: not-allowed;
    pointer-events: none; }

.fa.disabled-siblings {
  cursor: not-allowed;
  pointer-events: none; }

.fa:hover {
  cursor: pointer; }

.space .fa {
  pointer-events: none; }