.Footer {
  background-color: var(--footer-bg-color);
  height: var(--footer-height);
  max-height: var(--footer-height);
  overflow: hidden;
}
.Footer__container {
  height: 100%;
  margin: 0 auto;
  max-width: var(--page-max-width);
}
.Footer__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.Footer__item {
  display: flex;
  width: 25%;
  max-width: 120px;
  flex-direction: column;
  align-items: center;
  padding: 6px 4px 0px 4px;
  cursor: pointer;
}
.Footer__item:hover:not(.Footer__item--disabled) .Footer__label {
  color: #FFF;
}
.Footer__item .Footer__icon--active {
  display: none;
}
.Footer__item .Footer__icon--regular {
  display: block;
}
.Footer__item--active .Footer__icon--active {
  display: block;
}
.Footer__item--active .Footer__icon--regular {
  display: none;
}
.Footer__icon {
  font-size: 20px;
  color: #FFF;
  padding: 10px;
}
.Footer__icon--active {
  color: var(--orange);
}
.Footer__label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--dark-grey);
  transition: color 0.25s;
}
.Footer__item--active .Footer__label {
  color: var(--orange);
}