.filtres-archives {
  width: 100%;
}

.filtres-archives *,
.filtres-archives *::before,
.filtres-archives *::after {
  box-sizing: border-box;
}

.filtres-archives__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm, var(--wp--preset--spacing--30, 1rem));
}

.filtres-archives__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding-top: var(--spacing-sm, var(--wp--preset--spacing--30, 0.5rem));
  padding-right: var(--spacing-md, var(--wp--preset--spacing--40, 1.5rem));
  padding-bottom: var(--spacing-sm, var(--wp--preset--spacing--30, 0.5rem));
  padding-left: var(--spacing-md, var(--wp--preset--spacing--40, 1.5rem));

  border: 2px solid #EEEEEE;
  border-radius: var(--border-radius);

  background: #EEEEEE;
  color: #666666;

  text-decoration: none;

  font-family: var(--font-family-button);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-button);
  line-height: var(--line-height-button);

  transition: all 0.4s ease;
}

.filtres-archives__button:hover {
  background: var(--color-primary);
  border: 2px solid var(--color-primary);
  color: var(--color-white);
}

/* ACTIF */
.filtres-archives__button.is-active {
  background: #E7FFDB;
  border: 2px solid var(--color-secondary);
  color: var(--color-black);
}

/* RESET */
.filtres-archives__button--reset {
  background: transparent;
}

.filtres-archives__empty {
  color: var(--color-text);
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}