.nsa-course-card {
  background: color-mix(in srgb, #278893 10%, transparent);
  display: flex;
  flex-direction: column;
  min-height: 10rem;
  height: fit-content;
  overflow: hidden;
  border-bottom-right-radius: 1.5rem;
  transition: 0.2s all ease-in;
}

.nsa-course-card:hover {
  background: #278893;
}

.nsa-course-card:hover h4 {
  color: #fff !important;
}

.nsa-course-card:hover .nsa-course-card__category {
  color: color-mix(in srgb, #fff 50%, transparent);
}

.nsa-course-card__header {
  padding: 1rem 1rem 0.75rem;
}

.nsa-course-card__content {
  flex: 1;
  padding: 0 1rem;
}

.nsa-course-card__category {
  color: color-mix(in srgb, #278893 60%, transparent);
  font-size: 0.75rem;
  font-weight: 600 !important;
  letter-spacing: 5%;
  margin: 0 !important;
}

.nsa-course-card h4 {
  line-height: 1.5rem !important;
  min-height: calc(2 * 1.5rem);
  height: fit-content;
  color: #278893 !important;
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

.nsa-course-card__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0.75rem 1rem 1rem;
}

.nsa-course-card__date {
  color: #278893;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1.5rem;
}

.nsa-course-card__footer-arrow {
  background: color-mix(in srgb, #fff 70%, transparent);
  color: #5bf1da;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: calc(Infinity * 1px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.nsa-course-card:hover
  :is(.nsa-course-card__date, .nsa-course-card__footer-arrow) {
  color: #eeff00;
}

.nsa-course-card:hover .nsa-course-card__footer-arrow {
  background: color-mix(in srgb, #fff 20%, transparent);
}

.nsa-course-card-demo {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}

.nsa-course-card-demo > a {
  color: inherit;
  text-decoration: none;
}