div.block-question {
  padding: var(--wp--preset--spacing--base) var(--wp--preset--spacing--m);
  background: var(--wp--preset--color--beige);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: var(--wp--preset--spacing--m);
}
div.block-question:last-child {
  margin-bottom: 0;
}
div.block-question .title {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: var(--wp--preset--spacing--base);
}
div.block-question .title::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17.8 9L11.8 15L5.80005 9" stroke="%23001E64" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/24px 24px;
}
div.block-question .text {
  overflow: hidden;
  height: 0px;
  transition: height 0.3s;
}
div.block-question .text p {
  margin-top: var(--wp--preset--spacing--m);
}
div.block-question .text :last-child {
  margin-bottom: 0;
}
div.block-question.open .text {
  height: auto;
  height: calc-size(auto);
}
div.block-question.open .title::after {
  content: "";
  rotate: 180deg;
}

.has-beige-background-color div.block-question {
  background: var(--wp--preset--color--light);
}