CSS Klasseneinstellungen werden nicht übernommen

Hallo,
ich habe für meine Karriereseite CSS-Einstellungen erstellt:

 

.career-btn-primary { color: #ffffff; font-family: 'Azo Sans', sans-serif; font-size: 17px; font-weight: 400; background-color: #000000; background-image: linear-gradient(90deg, #94268f, #ed1f78); background-size: 200% 100%; transition: background-position 0.5s; }
    .career-btn-primary:hover { background-position: right; }
    .career-btn-shape { border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; }
    .fa-search { color: #94268f; padding-right: 7px; }
    .search-bar-wrapper { color: #a3a1a1; font-size: 18px; font-weight: 400; padding-left: 14px; padding-right: 16px; border-radius: 5px; }
    .job-box { background-color: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .07999999821186066); min-height: 84px; padding-left: 28px; margin-bottom: 16px; border-radius: 5px; margin-left: 30px; margin-bottom: 50px; }
    .jb-link { color: #94268f; font-size: 24px; font-weight: 400; padding: 22px; }
    .subtitle-class { font-family: "Azo Sans", Sans-serif; font-size: 48px; font-weight: 700; line-height: 61px; padding-bottom: 10px; }
    .jb-title { font-family: "Azo Sans", Sans-serif; font-size: 25px; font-weight: 400; line-height: 39px; padding-bottom: 10px; }
    .jb-description { font-family: 'Azo Sans', sans-serif; color: #64686E; font-size: 20px; font-weight: 300; letter-spacing: 0; position: relative; pad }
    .footer { width: 100%; height: 130px; position: absolute; bottom: 0; font-size: 20px; font-weight: 700; line-height: 26px; color: #ffffff; background-color: #000000; }
    .footer::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 17px; background-image: linear-gradient(90deg, #1c66ab, #94268f 10%, #ed1f78); margin-bottom: 10px; }
    .privacy-policy a { text-decoration: none; color: #ed1f78; }
    .footer-logo-img { height: auto; padding: 3px; border-radius: 5px; background-image: linear-gradient(90deg, #1c66ab, #29abe3); }

(jede Klasse ist in einer Zeile. Das passte hier nur nicht mit der Formatierung der Frage.)

Wenn ich anschließend bei Personio auf “Übernehmen” klicke, werden die Einstellungen nicht übernommen. Der Editor setzt meinen Code in <span> CSS </span> und es funktioniert nichts.
Ich habe versucht das Problem durch ein Einfügen von <style> zu umgehen. Es sehe dann so aus:
<span> <style> CSS </style> </span>.

Aber dann wird mein kompletter Code gelöscht.


Wenn ich nicht auf “Übernehmen” klicke, sondern nur auf “Vorschau” wird es anfangs teilweise angezigt. (Der Footer ist nicht komplett richtig formatiert, aber der Button und andere Teile der Seite)
 

Kann mir irgendjemand helfen?

Ganz liebe Grüße und vielen Dank!