:root {
  --menu-colour: #c8b99a;
  --hamburger-lines: 1px;
  --hamburger-lines-colour: #4b4c4e;
  --hamburger-hover-colour: #c8b99a;
  --hover-colour: #999c9e;
  --menu-background: #4b4c4e; 
  --menu-width: min(20%, 30rem);
  --timeless-light-grey: #dfe0e1;
  --timeless-mid-grey: #999c9e;
  --timeless-heavy-grey: #696b6d;
  --timeless-dark-grey: #4b4c4e;
  --timeless-beige: #c8b99a;
  
}




.footer-menu-items ul {
  display: flex;
  flex-direction: column;
}

.footer-menu-items li {
  list-style-type: none;
}

.footer-menu-items li a{
  display: block;
  position: relative;
  text-decoration: none;
  color: var(--timeless-dark-grey);
  text-transform: uppercase;
  margin-bottom: 0.3rem;
}

.footer-menu-items li a:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
  background: var(--timeless-beige);
  transform-origin: left;
  transform: scaleX(0);
  transition: .5s ease-out;
}

.footer-menu-items li a:hover::after {
  transform: scaleX(1);

}