a.external {
    position: relative;
    display: inline-block;
    color: white;
    background-color: var(--frameworm-green-color);
    border: var(--global-border-width) solid var(--primary-text-color);
    font-size: 1.25rem;
    font-weight: 500;
    padding: 1.75rem 2rem;
    text-align: left;
    min-height: 10rem;
    text-decoration: none;
    transition: all var(--global-transition-duration) ease;
}

a.external::before {
    position: absolute;
    font-size: 2rem;
    content: "launch";
    bottom: 0.3rem;
    right: 0.3rem;
}

a[href*="xing"]:hover {
    background-color: #C6F16D;
    color: black;
}

a[href*="linkedin"]:hover {
    background-color: #0A66C2;
    color: white;
}

a[href*="gulp"]:hover {
    background-color: #0F1941;
    color: white;
}

a[href*="freelancermap"]:hover {
    background-color: #00FFC8;
    color: black;
}

a[href*="dasauge"]:hover {
    background-color: #CDB129;
    color: black;
}

a[href*="freelance.de"]:hover {
    background-color: #27B4C5;
    color: white;
}

a[href*="app-entwickler-verzeichnis"]:hover {
    background-color: #FAC147;
    color: black;
}

a[href*="github"]:hover {
    background-color: #24292F;
    color: white;
}