.p-header__menu {
  float: left;
  clear: both;

  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
  transition: var(--v-transition__default);

  background-color: rgb(255 255 255 / 50%);
  padding: 1rem;

  line-height: 1.7;
}

body.is-menu-open .p-header__menu {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.p-header__menu-primary .is-menu__a {
  text-decoration: none;
  font-size: 120%;
  display: inline-block;
  border-bottom: 2px solid transparent;
}

.p-header__menu-primary .is-menu__a:hover {
  border-bottom-color: var(--v-color__dark);
}