:host {
  display: block;
  flex: 1;
}

.card-content {
  border-radius: inherit;
  display: flex;
  flex-direction: column;
  padding: var(--bi-scale-4x);
  gap: var(--bi-scale-4x);

  @media (width < 768px) {
    padding: var(--bi-scale-3x);
    gap: var(--bi-scale-3x);
  }
}