.workspaces {
  background-color: $bg;
  border-radius: 80px;
  border: 2px solid #1b1b1b;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  padding-right: 12px;

  .button {
    margin: 2px;
    min-width: 20px;
    border-radius: 100%;
    * {color: transparent;}
  }
  
  .empty {
    border: none;
    transition: border-color 0.3s ease-in-out;
  }
  .occupied {
    border: 2px solid $bg;
    background: $contrastbg;
    transition: border-color 0.3s ease-in-out;
  }
  .active {
    border: 2px solid #50fa7b;
    transition: border-color 0.3s ease-in-out;
  }
}