.workspaces {
  background-color: $bg;
  border-radius: 80px;
  border: 2px solid $bg-secondary;
  padding: 3px 12px;
}

.button {
  margin: 0 2.5px;
  min-height: 22px;
  min-width: 22px;
  border-radius: 100%;
}

.empty {
  border: 2px solid transparent;
  transition: background-color 0.6s ease-in-out;
}

.occupied {
  border: 2px solid $bg;
  background: $contrast-bg;
  transition: background-color 0.6s ease-in-out;
}

.urgent {
  border: 2px solid $bg;
  background: red;
  transition: background-color 0.6s ease-in-out;
}

.active {
  border: 2px solid #50fa7b;
  transition: margin-left 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}