.toolbar-button { border: none; background: transparent; color: inherit; padding: 0; opacity: 1; height: var(--joplin-toolbar-height); min-height: var(--joplin-toolbar-height); width: var(--joplin-toolbar-height); max-width: var(--joplin-toolbar-height); &.-has-title { width: auto; max-width: unset; } &:disabled { opacity: 0.3; } display: flex; align-items: center; justify-content: center; cursor: default; border-radius: 3px; box-sizing: border-box; color: var(--joplin-color3); font-size: calc(var(--joplin-toolbar-icon-size) * 0.8); padding-left: 5px; padding-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; &:not(:disabled) { &:hover, &:focus-visible { background-color: var(--joplin-background-color-hover3); } } }