.add-block-btn {
  border: 2px dashed #ab68ff;          /* zart-lila Linie */
  color: #ab68ff;                      /* Schrift in Lila */
  background: #f9f5ff;                 /* sehr helles Lila als Hintergrund */
  transition: all 0.25s ease;
}

.add-block-btn i {
  color: #ab68ff;                      /* Icon gleichfarbig */
}

/* Hover-Zustand */
.add-block-btn:hover {
  background: #ab68ff;                 /* kräftiges Lila */
  color: #ffffff;                      /* weiße Schrift */
  border-color: #ab68ff;               /* gleiche Linienfarbe */
}

.add-block-btn:hover i {
  color: #ffffff;                      /* Icon wird weiß */
}