.mat-mdc-button.mat-unthemed {
  --mat-button-text-label-text-color: var(--label-font-color);
}

.gm-toggle-btn-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  border-radius: 10px !important;
  .mat-button-toggle-label-content {
    padding: 0 6px !important;
  }
}

.gm-toggle-btn {
  --mat-button-toggle-background-color: var(--btn-secondary-color);
  --mat-button-toggle-height: 36px;
  --mat-button-toggle-label-text-size: 15px;

  padding: 6px 10px;
  color: var(--label-font-color);
  font-size: 15px;

  .mat-pseudo-checkbox {
    display: none;
  }

  .mat-button-toggle-label-content {
    font-weight: 500;
  }
}

.mat-button-toggle-checked {
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-selected-state-background-color: var(--toggle-btn--active);
  font-weight: 600;
}