:root {
    --button-height: 40px;
    --button-font-size: 14px;
    --button-line-height: 20px;
    --button-padding-x: 16px;
    --button-radius: 6px;
}

.btn, .landing-button, .send-button, .manage-groups-button, .chat-filter, .app-open-button {
    box-sizing: border-box;
    display: inline-flex;
    min-height: var(--button-height);
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px var(--button-padding-x);
    font-size: var(--button-font-size);
    font-weight: 600;
    line-height: var(--button-line-height);
    border-radius: var(--button-radius);
    vertical-align: middle;
    white-space: nowrap;
}

.send-button, .manage-groups-button, .chat-filter {
    border: 1px solid transparent;
}

.app-open-button {
    justify-content: space-between;
    border-radius: 0 0 8px 8px;
    padding-block: 9px;
}

.workspace-button, .hub-nav-link { height: var(--button-height); }
.icon-button, .row-icon-action, .hub-user-button, .hub-toggler {
    box-sizing: border-box;
    width: var(--button-height);
    height: var(--button-height);
    flex-shrink: 0;
    padding: 0;
}
.btn-close {
    box-sizing: border-box;
    width: var(--button-height);
    height: var(--button-height);
    padding: 0;
    background-position: center;
}
.hub-flash-shell .btn-close { padding: 0; }