.cp-cards > a {
  width: 100%;
  transition: 0.2s ease;
}
@media screen and (min-width: 600px) {
  .cp-cards {
    gap: 4.8rem 2.4rem;
  }
  .cp-cards > a {
    width: calc((100% - 4.8rem) / 3);
  }
}
.cp-cards [class*=SN-UI__Label]:empty {
  display: none;
}
.cp-cards [class*=SN-Btn-Primary]:not([disabled]) {
  background: #e72d36;
}
.cp-cards > .is-active:hover {
  transform: translateY(-4px);
  box-shadow: 0 13px 31px rgba(0, 0, 0, 0.17);
}
.cp-cards > .is-upcoming {
  pointer-events: none;
}
.cp-cards > .is-upcoming [class*=SN-UI__Label] {
  background: var(--color-sn-bg-primary-solid-enable);
}
.cp-cards > .is-ended {
  order: 1;
  pointer-events: none;
}
.cp-cards > .is-ended [class*=SN-UI__Label] {
  background: var(--color-sn-bg-gray-solid-enable);
}
.cp-cards > .is-ended h2,
.cp-cards > .is-ended p {
  color: var(--color-sn-text-subtle);
}