.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%;
    border: 2px solid transparent;
  }

  .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);
  }
}