/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.95.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.47_webpack@5.95.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.80.3_webpack@5.95.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/button-menu/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-menu-mobile-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 23px;
  transition: all ease 0.3s;
}
.btn-menu-mobile-icon span {
  width: 30px;
  height: 2px;
  background-color: var(--_menu-button-color);
  display: block;
  transition: all ease 0.3s;
}

.wp-block-microbio-blocks-button-menu {
  --_menu-button-color: var(--wp--preset--color--black);
  --_menu-button-active-color: var(--wp--preset--color--white);
  cursor: pointer;
  background-color: transparent;
  z-index: 999;
}
.wp-block-microbio-blocks-button-menu.active .btn-menu-mobile-icon {
  transform: translateX(7px);
}
.wp-block-microbio-blocks-button-menu.active .btn-menu-mobile-icon span {
  background-color: var(--_menu-button-active-color);
}
.wp-block-microbio-blocks-button-menu.active .btn-menu-mobile-icon span:nth-child(1) {
  transform-origin: top left;
  rotate: 45deg;
}
.wp-block-microbio-blocks-button-menu.active .btn-menu-mobile-icon span:nth-child(2) {
  height: 0;
}
.wp-block-microbio-blocks-button-menu.active .btn-menu-mobile-icon span:nth-child(3) {
  transform-origin: bottom left;
  rotate: -45deg;
}

@media (min-width: 768px) {
  .wp-block-microbio-blocks-button-menu {
    display: none;
  }
}

/*# sourceMappingURL=style-index.css.map*/