.club-status {
  display: block;
  padding: 2px 6px;
  color: var(--color-white);
  opacity: 0;
  cursor: help;
  transition: opacity 1.2s;
}

.club-status-opened,
.club-status-closed {
  opacity: 1;
}

.club-status-opened {
  background-color: var(--color-status-positive);
}

.club-status-closed {
  background-color: var(--color-status-negative);
}

@media (min-width: 840px) {
  .club-status {
    padding: 4px 10px;
  }
}