.container {
  background-color: var(--Base-Background-Primary-Normal);
  padding: var(--Spacing-x2) var(--Spacing-x1) var(--Spacing-x3);
  border-radius: var(--Corner-radius-Medium);
}

.row {
  display: grid;
  gap: var(--Spacing-x2);
  margin-bottom: var(--Spacing-x2);
  width: 100%;
}

.row {
  grid-template-columns: 1fr;
}

.row:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .container {
    width: 700px;
    max-width: 100%;
    padding: var(--Spacing-x2) var(--Spacing-x3) var(--Spacing-x3);
  }
  .gridEqual {
    grid-template-columns: 1fr 1fr;
  }
}