.fxbutton{
    color: rgba(var(--fxbuttontext), 0.7);
    background-color: rgba(var(--fxbuttonbase), 0.2);
    backdrop-filter:blur(5px);
    /* border: 3px solid rgba(0,0,0,0.4); */
    width: 60%;
    align-self: center;
    padding: 5px;
    transform: scale(1.00);
    transition-duration: 0.6s;  
    z-index: 10000;
}
.fxbutton:hover, .fxbutton:target, .fxbutton::selection{
    color: rgba(var(--fxbuttontexthover), 1.0);
    background-color: rgba(var(--fxbuttonbase), 0.8);
    box-shadow: rgba(0,0,0,1.0) 0px 5px 5px;
    text-shadow: rgba(var(--fxbuttontexthover),0.95) 0px 0px 10px, rgba(0,0,0,1.0) 0px 5px 5px !important;
    backdrop-filter:blur(0px);
    transform: scale(1.1);
    cursor: pointer;
    z-index: 10100;
}
@supports selector(:has(+ *)) {
    .fxbutton:hover + .fxbutton, .fxbutton:has(+ .fxbutton:hover) {
        color: rgba(var(--fxbuttontext), 0.85);
        background-color: rgba(var(--fxbuttonbase), 0.35);
        box-shadow: rgba(0,0,0,0.4) 0px 5px 5px;
        transform: scale(1.05);
        z-index: 10050;
    }
}