.lazyblock-faq-section .faq-item {
  overflow: hidden;
}

.lazyblock-faq-section .faq-item summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-right: 0;
}

.lazyblock-faq-section .faq-item summary::after {
  content: "";
  position: relative;
  right: auto;
  top: auto;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  background:
    linear-gradient(currentColor, currentColor) center / 100% 1.5px no-repeat,
    linear-gradient(currentColor, currentColor) center / 1.5px 100% no-repeat;
  color: #fff;
  transition: transform 220ms ease, color 220ms ease, opacity 220ms ease;
}

.lazyblock-faq-section .faq-item[open] summary::after {
  background:
    linear-gradient(currentColor, currentColor) center / 100% 1.5px no-repeat,
    linear-gradient(currentColor, currentColor) center / 1.5px 100% no-repeat;
  color: var(--orange);
  transform: rotate(45deg);
}

.lazyblock-faq-section__content {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 320ms ease, opacity 220ms ease;
}

.lazyblock-faq-section__content-inner {
  padding-top: 16px;
}

.lazyblock-faq-section .faq-item[open] .lazyblock-faq-section__content {
  opacity: 1;
}

.lazyblock-faq-section .faq-item p {
  margin-top: 0;
}

@media (max-width: 640px) {
  .lazyblock-faq-section .faq-item summary::after {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
    margin-top: 0;
  }
}