.aboutUsView {
  display: grid;
  gap: 22px;
}

.aboutUsText {
  display: grid;
  gap: 14px;
}

.aboutUsText h2,
.aboutUsIssueReport h2,
.aboutUsContact h2 {
  margin: 0;
  font-size: var(--font-size-large);
  font-weight: var(--strong-font-weight);
}

.aboutUsText p,
.aboutUsIssueReport p,
.aboutUsContact p {
  margin: 0;
  color: var(--main-text-color);
  line-height: 1.45;
}

.aboutUsSeparator {
  width: 100%;
  margin: 0;
  border-top: 1px solid var(--soft-border-color);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.aboutUsButtonRow {
  --button-bar-button-size: 54px;
  display: flex;
  justify-content: center;
}

.aboutUsButtonRow [hidden] {
  display: none;
}

.aboutUsContact,
.aboutUsIssueReport {
  display: grid;
  gap: 14px;
}

.aboutUsContactActions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.aboutUsContactActions > .changeButton {
  grid-column: 4;
}

.aboutUsContactStatus {
  margin: 0;
  color: var(--default-theme-strong-yellow-light);
}