.bar {
    .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.165, 0.84, 0.44, 1);
    }
}