#cc-main {
  /** Change font **/
  --cc-font-family: "Cabinet Grotesk";

  /** Change button primary color to black **/
  --cc-btn-primary-bg: rgb(243, 244, 246);
  --cc-btn-primary-border-color: rgb(243, 244, 246);
  --cc-btn-border-radius: 6px;
  --cc-btn-primary-hover-bg: #444444;
  --cc-btn-primary-hover-border-color: #444444;

  /** Also make toggles the same color as the button **/
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
}

#cc-main button.cm__btn[data-role="necessary"] {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}

#cc-main button.cm__btn[data-role="necessary"]:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}