.m-menu {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  list-style: none;
}

.menu-item a{
  text-decoration: none;
  color: var(--main-black);
  border: solid 0px transparent;
  transition: 0.35s;
  font-size: 2rem;
}

.o-header .menu-item a{
  color: black;
}

.menu-item a:hover {
  box-sizing: border-box;
  margin: -0.5rem -1rem;
  padding: 0.5rem 1rem;
  border: solid 1px var(--main-white);
}

.o-header .menu-item a:hover{
  border: solid 1px black;
}

.current-menu-item a{
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  border: solid 1px var(--main-white);
}

.o-header .current-menu-item a{
  border: solid 1px black;
}

@media(max-width: 768px) {
  .m-menu {
    flex-direction: column;
  }

  .menu-item{
    padding: 0.5rem;
    transition: 0.35s;
  }

  .menu-item a{
    text-decoration: none;
    color: var(--main-white);
    width: 100%;
    display: block
  }
}