.profile-badge {
    position: relative;
    border-radius: var(--radius-4);
    overflow: hidden;
    text-decoration: none;
    background: var(--surface-alt);
    border: 1px solid var(--border);
    transition: transform var(--dauer-1) ease, box-shadow var(--dauer-1) ease;
}
.profile-badge:hover, .profile-badge:focus {
    transform: translateY(-2px);
    box-shadow: var(--schatten-2);
}
.profile-badge-text .profile-badge-zusatz { color: var(--text); text-shadow: 0 0 4px var(--background), 0 0 2px var(--background); }
a.profile-badge, a.profile-badge:hover, a.profile-badge:focus, a.profile-badge:visited, a.profile-badge:active, button.profile-badge, button.profile-badge:hover, button.profile-badge:focus { text-decoration: none; }
button.profile-badge { width: 100%; font: inherit; font-weight: 600; font-size: var(--schrift-4); color: var(--text); cursor: pointer; }