.dlpa-xcard {
  min-height: 170px;
  height: 100%;
  padding: 26px 30px 30px;
  border-radius: 5px;
  border: 1px solid var(--dlpa-mid-grijs);
  background: transparent;
  transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.dlpa-xcard:not(.dlpa-xcard--filled):hover {
  transform: translateY(-3px);
  border-color: var(--dlpa-paars);
}

.dlpa-xcard__title {
  color: var(--dlpa-blauw);
}

.dlpa-xcard--filled {
  background: var(--dlpa-geel);
  border-color: var(--dlpa-geel);
  border-radius: 5px 40px 5px 5px;
}

.dlpa-xcard__intro {
  max-width: 154px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.13px;
  color: var(--dlpa-blauw);
}