.botcf-native-pricing-group-tools {
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

.botcf-native-pricing-group-tools
  :is(
    .botcf-group-compact-button,
    .botcf-group-ratio-mode-button,
    .botcf-group-order-button
  ) {
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  order: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  height: auto !important;
  min-height: 26px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 107, 74, 0.32) !important;
  border-radius: 0 !important;
  background: rgba(255, 107, 74, 0.1) !important;
  color: #c75325 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
  white-space: nowrap !important;
}

.botcf-native-pricing-group-tools .botcf-group-ratio-mode-button {
  flex: 0 1 auto !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

.botcf-native-pricing-group-tools
  .botcf-group-ratio-mode-button
  .semi-button-content-right {
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-align: left;
}

html.dark
  .botcf-native-pricing-group-tools
  :is(
    .botcf-group-compact-button,
    .botcf-group-ratio-mode-button,
    .botcf-group-order-button
  ),
body[theme-mode='dark']
  .botcf-native-pricing-group-tools
  :is(
    .botcf-group-compact-button,
    .botcf-group-ratio-mode-button,
    .botcf-group-order-button
  ) {
  border-color: rgba(255, 138, 99, 0.38) !important;
  background: rgba(255, 138, 99, 0.14) !important;
  color: #ff9b78 !important;
}