.main-menu ul li > a {
  color: var(--text-color);
  font-weight: 400;
}

.main-menu {
  height: 100px;
  border-bottom: 1px solid var(--color-primary);
}

.main-menu ul li::after {
  content: "";
  height: 2px;
  width: 0px;
  display: block;
  background-color: var(--color-primary);
  transition: var(--transition-speed);
}

.main-menu ul > li:hover::after {
  width: 30px;
}

.main-menu ul li:last-child::after {
  display: none;
}