.joinLoyaltyContainer {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x5);
}
.wrapper {
  display: grid;
  gap: var(--Spacing-x3);
  padding-top: var(--Spacing-x4);
  justify-items: center;
}

article.wrapper .preamble {
  text-align: center;
}

.loginContainer {
  display: grid;
  gap: var(--Spacing-x2);
}

.button {
  width: fit-content;
}

.link {
  display: flex;
  align-items: center;
}

.icon {
  align-self: center;
}

@media screen and (min-width: 1367px) {
  .wrapper {
    justify-items: start;
  }

  article.wrapper .preamble {
    text-align: left;
  }
}