/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/faq-item/styles/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.gutentools-faq-title-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}
.gutentools-faq-title-wrapper.faq-right {
  justify-content: space-between;
}
.gutentools-faq-title-wrapper.faq-left .gutentools-faq-title {
  order: 2;
}
.gutentools-faq-title-wrapper.faq-left .gutentools-faq-toggle {
  order: 1;
}

.gutentools-faq-title {
  cursor: pointer;
}

.gutentools-faq-toggle {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 5px;
  justify-content: center;
}
.gutentools-faq-toggle:hover {
  color: var(--wp--preset--color--primary);
}
.gutentools-faq-toggle .dashicons {
  font-size: 16px;
  width: auto;
  height: auto;
}

.gutentools-faq-content {
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.gutentools-faq-toggle i {
  transition: transform 0.9s ease;
}

.gutentools-faq-toggle i.rotated {
  transform: rotate(-360deg);
}
