footer {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 22;
}

footer > div {
    display: flex;
    gap: 0px;
    flex-direction: row;
    cursor: pointer;
}

footer div a > div {
    height: 40px;
    display: flex;
    border-radius: 0px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    cursor: pointer;
    padding: 0px 20px;
}

footer div a:first-child > div {
    border-radius: 10px 0px 0px 0px;
}

footer#mainFooter div a > div {
    background-color: #00000042;
}

footer:not(#mainFooter) div a > div {
    background-color: #FFFFFF22;
}

footer#mainFooter div a > div:hover > p {
    color: #AAAAAA;
}

footer:not(#mainFooter) div a > div:hover > p {
    color: #626262;
}

footer div a > div:hover {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

footer#mainFooter div a > div:hover {
    background-color: #AABBFF22;
}

footer:not(#mainFooter) div a > div:hover {
    background-color: #AABBFF22;
}

footer div a > div > p {
    margin: auto;
}

footer:not(#mainFooter) div a > div > p {
    color: #000000;
}