:root {
  --cc-bg: #fff; /* Bg Modales */
  --cc-primary-color: #002526; /* Titres */
  --cc-secondary-color: #555555; /* Textes */

  /* Boutons accepter / refuser */
  --cc-btn-primary-bg: #0073b9;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: #1989cf;
  --cc-btn-primary-hover-color: #fff;

  /* Boutons Prefs / Save / Close */
  --cc-btn-secondary-bg: #fff;
  --cc-btn-secondary-color: #002526;
  --cc-btn-secondary-border-color: #002526;
  --cc-btn-secondary-hover-bg: #f0f0f0;
  --cc-btn-secondary-hover-color: #002526;
  --cc-btn-secondary-hover-border-color: #002526;

  --cc-separator-border-color: #f2f2f2; /* Bordure "+ d'infos" / Séparateur */

  /* Couleurs boutons actif/inactif */
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
  --cc-toggle-off-bg: #667481;
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);

  --cc-toggle-enabled-icon-color: var(--cc-bg);
  --cc-toggle-disabled-icon-color: var(--cc-bg);

  --cc-toggle-readonly-bg: #d5dee2;
  --cc-toggle-readonly-knob-bg: #fff;
  --cc-toggle-readonly-icon-color: var(--cc-toggle-readonly-bg);

  --cc-cookie-category-block-bg: #fff;
  --cc-cookie-category-block-border: #efefef;
  --cc-cookie-category-block-hover-bg: #efefef;
  --cc-cookie-category-block-hover-border: #dedede;

  --cc-cookie-category-expanded-block-bg: #fafafa;
  --cc-cookie-category-expanded-block-hover-bg: #dedede;

  --cc-overlay-bg: rgba(0, 0, 0, 0.65);

  --cc-footer-bg: var(--cc-btn-secondary-bg);
  --cc-footer-color: var(--cc-secondary-color);
  --cc-footer-border-color: #e4eaed;
}

#cc-main {
  /* #cc-main .pm && #cc-main .cm */
  --cc-modal-border-radius: 0.5rem;
  --cc-btn-border-radius: 0.4rem;
  --cc-modal-transition-duration: 0.25s;
  --cc-modal-margin: 1rem;
}

.cookie-button {
  position: fixed;
  z-index: 999;
  bottom: 50px;
  left: 50px;
  background-color: #fff;
  padding: 8px;
  border-radius: 50%;
  box-shadow: 5px 5px 20px -10px #606060;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookie-button a {
  display: flex;
  align-items: center;
  justify-content: center;
}

div[data-service] {
  /* all: inherit; */
  width: 100%;
}

.cookie-button svg {
  fill: var(--cc-btn-primary-bg);
  transition: all;
  transition-duration: 300ms;
}
.cookie-button:hover svg {
  fill: var(--cc-btn-primary-hover-bg);
}
#cc-main .pm__service-counter {
  display: none;
}