.menu{
  grid-area: menu;
  list-style-type: none;
  display: flex;
  gap: .5rem;
  font-weight: bold;
  color: #D04A71;
  justify-self: end;
}
.menu__item a{
  color: #D04A71;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-bottom .3s ease-in 0s,
                      color .3s ease-in 0s;
}
.menu__item a:hover,
.menu__item a:focus-visible,
.menu__item--active a{
  color: #fff;
  border-bottom: 1px solid #fff;
}