.ToolbarButton {
    background: none;
    padding: 5px;
    border: 0px;
    cursor:pointer;
    color:#696969;
    transition: all 0.1s;

    > .ToolbarButtonIcon {
        width: 40px;
        height: 40px;
        margin: 0px auto;
        overflow: hidden;
        padding: 5px;
        font-size: 28px;
        text-align: center;
        transition: all 0.2s;
    }

    > .ToolbarButtonLabel {
        font-weight: bolder;
        padding: 5px;
        text-align:center;
    }

    &:not([disabled]):hover {
        color:#242424;
        > .ToolbarButtonIcon {
            font-size: 36px;
            padding: 1px;
        }
    }

    &:disabled {
        color:#CCCCCC;
        cursor: default;
        > .ToolbarButtonIcon {
            cursor: default;
            .icon {
                cursor: default;
            }
        }
        > .ToolbarButtonLabel {
            cursor: default;
        }
    }
}