.ladder-row:has(.ladder-challenge-button) .ladder-challenge-state {
  display: none;
}

.ladder-row > .ladder-challenge-button {
  grid-column: 5;
  grid-row: 1;
  align-self: center;
  justify-self: end;
}

@media (max-width: 900px) {
  .ladder-row > .ladder-challenge-button {
    grid-column: 4;
  }
}

@media (max-width: 620px) {
  .ladder-row > .ladder-challenge-button {
    grid-column: 3;
    width: fit-content;
    margin-top: 4px;
  }
}