:root {
  --gray-50: #f8f9fa;
  --gray-100: #f1f3f5;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #868e96;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
}

.club {
}
.club__left {
}
.club__right {
}
.club__title {
}
.club__date {
  font-size: 1.4rem;
  color: var(--gray-700);
  margin-bottom: 1.6rem;
}
.club__img-box {
  padding: 1.6rem;
}
.club__img {
  display: inline-block;
  width: 100%;
}
.club__details {
  margin-bottom: 1.6rem;
}
.club__likes {
  margin-bottom: 1.2rem;
}
.club__info-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.6rem;
}
.club__info {
  background-color: var(--gray-900);
  color: var(--gray-50);
  padding: 0.4rem 1.2rem;
}
.club__profile {
  margin-top: 2.4rem;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  display: inline-block;
  color: inherit;
}

.club-subs-list {
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
  list-style-type: none;
}
.club-subs-list li {
  display: block;
  width: calc(50% - 1.6rem);
  background-color: var(--gray-200);
  padding: 0.8rem 0;
}
.club-subs-list span {
  margin-right: 0.8rem;
  padding: 0.8rem 1.6rem;
  background-color: var(--gray-900);
  color: var(--gray-50);
}