#bottom-menu {
  background: #f8f8f8;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.11);
}

#bottom-menu .bottom-menu-item a::after {
  background: var(--site-secondary);
}

#bottom-menu {
  padding: 1.5rem 0;
}
#bottom-menu .bottom-menu-item a {
  color: var(--site-primary);
  display: block;
  position: relative;
  transition: all 0.5s;
}
#bottom-menu .bottom-menu-item:not(:last-child) {
  margin-right: 1rem;
}
#bottom-menu .bottom-menu-item:hover a,
#bottom-menu .bottom-menu-item.active a {
  color: var(--site-secondary);
}
#bottom-menu .bottom-menu-item:hover a::after,
#bottom-menu .bottom-menu-item.active a::after {
  left: 0;
  width: 100%;
}