footer {
  display: flex;
  justify-content: center;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 100;
  background: linear-gradient(to right, var(--green-color), var(--blue-color));
}
footer * {
  display: flex;
  position: relative;
}

.footerContainer {
  flex-direction: column;
  width: 80vw;
  height: -moz-fit-content;
  height: fit-content;
  gap: 25px;
  padding: 50px 0px;
}
.footerContainer .companyName {
  color: white;
  font-size: 24px;
  font-weight: 700;
}
.footerContainer .contactsBlock {
  flex-direction: column;
  gap: 12px;
}
.footerContainer .column {
  flex-direction: column;
}
.footerContainer .contactItem {
  gap: 10px;
}
.footerContainer .text,
.footerContainer a.text {
  display: flex;
  color: white;
  text-decoration: none;
}
.footerContainer .text.bold,
.footerContainer a.text.bold {
  font-weight: 700;
}
.footerContainer .footerButtons {
  flex-direction: column;
  gap: 4px;
}
.footerContainer .footerButtons .footerButton,
.footerContainer .footerButtons a.footerButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: white;
}
.footerContainer .footerButtons .footerButton:hover,
.footerContainer .footerButtons a.footerButton:hover {
  text-decoration: underline;
}
.footerContainer .footerButtons .footerButton .text,
.footerContainer .footerButtons a.footerButton .text {
  font-size: 16px;
  font-weight: 400;
}
.footerContainer .footerButtons .footerButton .icon,
.footerContainer .footerButtons a.footerButton .icon {
  width: 16px;
  height: 16px;
  background-image: url(/images/footerButtonIcon.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.footerContainer .copyright {
  font-size: 14px;
  color: white;
}/*# sourceMappingURL=footer.css.map */