.page--contacts {
  padding: var(--paddingY) 6vw;
  display: flex;
  justify-content: center;
}

.container--contacts {
  padding: 2.5rem 4rem;

  justify-content: center;

  background-color: var(--mainBlue);
  border-radius: 1rem;
}

.container--text {
  max-width: 44.5rem;

  flex-direction: column;

  text-align: center;
}

.offer--contacts,
.main--text--contacts,
.secondary--text--contacts {
  color: var(--white);
}

.offer--contacts {
  margin-bottom: 1.5rem;
}

.main--text--contacts {
  margin-bottom: 2.5rem;
}

.secondary--text--contacts {
  margin-bottom: 1rem;
}

.contacts--btns {
  margin-bottom: 1.5rem;
  gap: 0.5rem;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .contacts--btns {
    flex-direction: row;
  }
}

.btn--contacts {
  color: var(--white);
  background-color: var(--mainBlue);
  border: 1px solid var(--white);

  font-weight: 400;
}