.n3t-card--container {
  background-color: var(--primary-color);
  color: var(--over-primary-color);
  padding: 1.2rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 450px;
  transition: color 0.3s ease-out;
}

.n3t-card--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.n3t-card--container:hover {
  color: var(--over-primary-color);
}

.n3t-card--header {
  display: flex;
  flex-direction: column;
}

.n3t-card--badge {
  align-self: flex-end;
}

.n3t-card--title {
  font-weight: 300;
  font-size: var(--font-size-m);
  padding: 1rem 0 0.5rem 0;
}

.n3t-card--footer {
  font-size: var(--font-size);
  display: flex;
  justify-content: end;
}