.infoButton {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: start;
}

.levelProgressModal {
  display: flex;
  flex-direction: column;
  gap: var(--Space-x2);
  padding-bottom: var(--Space-x1);
}

.title {
  display: flex;
  flex-direction: column;
}

.dates {
  display: flex;
  align-items: center;
  gap: var(--Space-x1);
}

.link {
  display: flex;
  gap: var(--Space-x05);
  justify-content: left;
}

@media screen and (min-width: 768px) {
  .dialog {
    max-width: 560px;
  }
}