.brxe-button {
  transition: 0.3s all ease-in-out;
}
.bottom-border_effect {
  position: relative;
  display: flex;
  justify-content: center;
}
.bottom-border_effect:after {
  content: "";
  position: absolute;
  bottom: calc(var(--fr-content-gap) * -0.5);
  background-color: var(--action);
  height: 2px;
  width: var(--space-l);
}
.bottom-border--left {
  position: relative;
  display: flex;
  justify-content: start;
}
.bottom-border--left:after {
  content: "";
  position: absolute;
  bottom: calc(var(--fr-content-gap) * -0.5);
  background-color: var(--action);
  height: 2px;
  width: var(--space-l);
}
.white-bottom-border_effect {
  position: relative;
  display: flex;
  justify-content: center;
}
.white-bottom-border_effect:after {
  content: "";
  position: absolute;
  bottom: calc(var(--fr-content-gap) * -0.5);
  background-color: var(--white);
  height: 2px;
  width: var(--space-l);
}
@media (max-width: 767px) {
  .white-bottom-border_effect {
    position: relative;
    display: flex;
    justify-content: flex-start;
  }
  .menu-item:before, .current-menu-item:before {
    content: "" !important;
    height: 0px !important;
    width: 0px !important;
    background-color: transparent !important;
  }
}
.menu-item {
  position: relative;
}
.menu-item:before {
  content: "";
  height: 1px;
  background-color: white;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0rem;
  transition: 0.3s all ease-in-out;
}
.menu-item:hover:before {
  width: 3.6rem;
}
.menu-item.current-menu-item:before {
  content: "";
  height: 1px;
  width: 3.6rem;
  background-color: white;
  position: absolute;
  left: 0;
  bottom: -5px;
  transition: 0.3s all ease-in-out;
}