.accord {
  max-width: 400px;
}
.accord .accord-item {
  overflow: hidden;
  margin: 1px 0;
  border-radius: 1em;
  transition: transform 0.25s linear, margin 0.25s linear,
    background-color 0s linear 0.25s;
}
.accord .accord-heading {
  padding: 0.7em;
  font-weight: 600;
  border-radius: 1em;
  font-family: Montserrat;
  transition: color 0.25s linear, background-color 0.25s linear;
}
.accord .accord-heading:focus,
.accord .accord-heading:hover {
  outline: 0;
  color: black ;
}
.accord .accord-panel {
  margin: 0 0 1.5em;
  padding: 0 10px;
}
.accord .accord-item:has(.revealed) {
  margin: 1em 0;
  /* transform: scale(1.05); */
  z-index: 1;
  background-color: #fff;
  transition: transform 0.25s linear, margin 0.25s linear;
}