/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 {
  text-align: left;
  --line-width: 24px;
  --line-short-width: 16px;
  --line-height: 3px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #f8f9fa !important;
}
@media (min-width: 768px) {
  .menu-burger-button {
    --line-width: 39px;
    --line-short-width: 26px;
    --line-height: 5px;
  }
}
@media (min-width: 1303px) {
  .menu-burger-button {
    --line-width: 41px;
    --line-short-width: 27px;
    --line-height: 5px;
  }
}
.menu-burger-button:focus {
  outline: 2px solid #f8f9fa !important;
}
.menu-burger-button:hover .menu-burger-button-line {
  box-shadow: 0 0 3px 0 #f8f9fa;
}
.menu-burger-button:hover .menu-burger-button-line:nth-child(3) {
  width: var(--line-width);
}
.menu-burger-button.btn {
  font-size: 14px;
  font-weight: 600;
}
.menu-burger-button .menu-burger-button-line {
  width: var(--line-width);
  background-color: #f8f9fa;
  height: var(--line-height);
  display: block;
  border-radius: 10px;
  transition: box-shadow 0.3s ease-in-out;
}
.menu-burger-button .menu-burger-button-line:nth-child(2) {
  margin: 5px 0;
}
@media (min-width: 768px) {
  .menu-burger-button .menu-burger-button-line:nth-child(2) {
    margin: 7px 0;
  }
}
.menu-burger-button .menu-burger-button-line:nth-child(3) {
  width: var(--line-short-width);
  transition: width 0.3s ease-in-out;
}
.menu-burger-button .menu-burger-button-lines {
  display: block;
}
.menu-burger-button .menu-burger-button {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

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