.divider {
  margin-top: var(--Spacing-x2);
}

@media screen and (min-width: 768px) {
  .divider {
    display: none;
  }
}

.cardsContainer {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x3);
  justify-content: flex-start;

  @media screen and (min-width: 768px) {
    flex-direction: row;
  }
}

.mutationSection {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x2);
  align-items: center;

  @media screen and (min-width: 768px) {
    flex-direction: row;
  }
}