.primary_button_xl {
    width: 213px;
  /* Layout */
  display:flex; align-items:center; justify-content:center; gap:14px;
  padding:12px 16px;
  border-radius:var(--radius-sm, 16px);
  color:#fff;

  /* Statt border-image: transparenter Rand + Clips */
  border:2px solid transparent;
  background:
    /* Fläche (sichtbar oben) – der schräge Verlauf */
    linear-gradient(45deg, rgba(74,43,135,.8) 10%, rgba(127,86,217,.8) 100%) padding-box,
    /* Border-Glanz (nur im Rand sichtbar) */
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0)) border-box,
    /* Basisfarbe darunter (füllt Lücken) */
    linear-gradient(0deg, #6A3DC4, #6A3DC4) border-box;
  background-clip: padding-box, border-box, border-box;
  cursor: pointer;
  transition: all .6s linear;
  font-size: 16px;
  font-family: 'onest', sans-serif;
}

.primary_button_xl:hover{
    background:
    /* Fläche (sichtbar oben) – der schräge Verlauf */
    linear-gradient(45deg, rgba(74,43,135,.8) 10%, rgba(127,86,217,.8) 100%) padding-box,
    /* Border-Glanz (nur im Rand sichtbar) */
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0)) border-box,
    /* Basisfarbe darunter (füllt Lücken) */
    linear-gradient(0deg, #6A3DC4, #6A3DC4) border-box;
}

.primary_label_xl {
    color: white;
    font-weight: 500;
    line-height: 130%;
    font-size: var(--Typography-link1);
}
.primary_icon_xl {
    width: 11.67px;
}