/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/menu-burger/menu-burger-button/menu-burger-button.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.menu-burger-button {
  --menu-burger-btn--line-width: 27px;
  --menu-burger-btn--line-short-width: 18px;
  --menu-burger-btn--line-height: 4px;
  --menu-burger-btn--line-gap: 4px;
  --menu-burger-btn--color: white;
  text-align: left;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 768px) {
  .menu-burger-button {
    --menu-burger-btn--line-width: 35px;
    --menu-burger-btn--line-short-width: 24px;
    --menu-burger-btn--line-height: 6px;
    --menu-burger-btn--line-gap: 6px;
  }
}
.menu-burger-button.btn {
  color: var(--menu-burger-btn--color);
  font-size: 9px;
  font-weight: 700;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .menu-burger-button.btn {
    font-size: 12px;
  }
}
.menu-burger-button.btn.active, .menu-burger-button.btn:hover, .menu-burger-button.btn:focus-visible {
  color: var(--menu-burger-btn--color) !important;
}
.menu-burger-button:focus {
  outline: 2px solid currentcolor !important;
}
.menu-burger-button:hover .menu-burger-button-line {
  box-shadow: 0 0 3px 0 currentcolor;
}
.menu-burger-button:hover .menu-burger-button-line:nth-child(3) {
  width: var(--menu-burger-btn--line-width);
}
.menu-burger-button .menu-burger-label {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.3s, opacity 0.3s ease;
}
.menu-burger-button .menu-burger-button-lines {
  display: flex;
  flex-direction: column;
  gap: var(--menu-burger-btn--line-gap);
  margin-bottom: 3px;
}
.menu-burger-button .menu-burger-button-line {
  display: block;
  width: var(--menu-burger-btn--line-width);
  height: var(--menu-burger-btn--line-height);
  background-color: currentcolor;
  border-radius: 10px;
  transition: box-shadow 0.3s ease-in-out;
}
.menu-burger-button .menu-burger-button-line:last-child {
  width: var(--menu-burger-btn--line-short-width);
  transition: width 0.3s ease-in-out;
}
.menu-burger-button .menu-burger-button {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

/*# sourceMappingURL=menu-burger-button.css.map*/