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

  .button {
    margin: 2px;
    min-width: 20px;
    border-radius: 100%;
    * {color: transparent;}
  }
  
  .empty {
    border: none;
    transition: border-color 0.25s linear;
  }

  .occupied {
    border: 2px solid $bg;
    background: $contrast-bg;
    transition: border-color 0.25s linear;
  }

  .active {
    border: 2px solid #50fa7b;
    transition: border-color 0.25s linear;
  }
}