/* Keep the selection mark and label together in every Colibri settings button. */
:is(#trColibriSettings,#screenerColibriSettings,#pulseColibriSettings,#volumeColibriSettings) .tr-colibri-options button,
#patternsWorkspace .patterns-colibri-options button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 7px;
  text-align: center;
  line-height: 1.15;
}

:is(#trColibriSettings,#screenerColibriSettings,#pulseColibriSettings,#volumeColibriSettings) .tr-colibri-options button::before,
#patternsWorkspace .patterns-colibri-options button::before {
  position: static;
  flex: 0 0 10px;
  inset: auto;
  margin: 0;
  transform: none;
  box-sizing: border-box;
}

#patternsWorkspace .patterns-colibri-options button { font-size: 10px; }

@media (max-width: 420px) {
  :is(#trColibriSettings,#screenerColibriSettings,#pulseColibriSettings,#volumeColibriSettings) .tr-colibri-options button,
  #patternsWorkspace .patterns-colibri-options button {
    gap: 5px;
    padding-inline: 4px;
    font-size: 10px;
  }
}