.cefr-card {
  border-radius: 24px;
  background-color: var(--white);
  /* box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12); */
  overflow: hidden;
}

.cefr-card-header {
  background: linear-gradient(
    to bottom,
    var(--color-primary-lighter) 0%,
    var(--color-primary-lighter) 50%,
    var(--color-primary-light) 50%,
    var(--color-primary-light) 100%
  );
}

.cefr-level {
  font-weight: 900;
  font-size: 4rem;
  letter-spacing: 0.08em;
  font-style: italic;
  color: var(--white);
}

.cefr-card-body {
  padding: 1.4rem 1.6rem 1.6rem;
  font-size: 0.9rem;
  line-height: 1.5;
}

@media (max-width: 991.98px) {
  .cefr-level {
    font-size: 2.75rem;
  }
}