.repli__bouton {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  min-height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}

.repli__bouton::after {
  content: "";
  flex: none;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}

.repli__bouton[aria-expanded="false"]::after {
  transform: rotate(-45deg);
}

.repli__bouton:focus-visible,
.repli__outils button:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
  .repli__bouton::after {
    transition: transform 0.15s;
  }
}

[data-repli][hidden] {
  display: none !important;
}

.repli__outils {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.5rem 0 1rem;
}

.repli__outils button {
  min-height: 32px;
  padding: 0.25rem 0.75rem;
  border: 1px solid currentColor;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}