.join-group-container {
  gap: 20px;
  max-width: 1340px;
}

#group-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}

.group-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #e5e5e5;
  padding: 10px;
  border-radius: 15px;
  max-width: 300px;
}

.group-item-title {
  font-size: x-large;
}

.group-action {
  border: none;
  border-radius: 10px;
  width: 100%;
  font-size: large;
  background-color: #000;
  color: white;
  padding: 10px 20px;
  cursor: pointer;
}

.group-adress {
  font-size: smaller;
}

.group-description {
  font-size: medium;
}