.HomeCategories {
  position: relative;
  width: 100%;
  margin: var(--sizeModuleHorizontalOffset) auto;
}

.HomeCategories-info {
  margin-bottom: var(--spaceLg);
}

.HomeCategories-title {
  margin-bottom: var(--spaceXxs);
  text-align: center;
}

.HomeCategories-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
}

@media (min-width: 36.01rem) {
  .HomeCategories-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .HomeCategories-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.HomeCategories-contact {
  display: flex;
  justify-content: center;
  aspect-ratio: 1.25;
  color: var(--colorWhite);
  border-radius: var(--sizeButtonBorderRadius);
  background: var(--colorBrand);
}

.HomeCategories-contactInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spaceSm);
}

@media (min-width: 36.01rem) {
  .HomeCategories-contactInner {
    gap: var(--spaceMd);
  }
}

@media (min-width: 64.01rem) {
  .HomeCategories-contactInner {
    gap: var(--spaceSm);
  }
}

@media (min-width: 75.01rem) {
  .HomeCategories-contactInner {
    gap: var(--spaceMd);
  }
}

.HomeCategories-contactPhone, .HomeCategories-contactPhone:hover {
  color: var(--colorWhite);
}

.HomeCategories-contactRect {
  fill: var(--colorBrand);
}

.HomeCategories-contactInfo {
  display: flex;
  align-items: center;
  gap: var(--spaceRg);
  padding-bottom: var(--spaceXs);
}

.HomeCategories .HomeCategories-button {
  width: 100%;
  border: 1px solid var(--colorWhite);
}

/*# sourceMappingURL=home-categories.min.css.map */