.downloadbutton {
    user-select: none;
}

.downloadbutton div {
    width: 15vh;
    height: 15vh;
    text-align: center;
    border: 0.3vh solid rgba(0, 0, 0, 1);
    border-radius: 3vh;
    filter: drop-shadow(0 0 0.2vh rgba(0, 0, 0, 1));
    background: radial-gradient(circle at 0% 0%, rgba(175, 190, 220, 1) 0%, rgba(41, 83, 152, 1) 60%, rgba(41, 83, 152, 1) 100%);
}

.downloadbutton:hover div {
    background: radial-gradient(circle at 0% 0%, rgba(191, 236, 255, 1) 0%, rgba(100, 189, 255, 1) 60%, rgba(49, 156, 199, 1) 100%);
}

.downloadbutton:active div {
    background: radial-gradient(circle at 0% 0%, rgba(241, 234, 200, 1) 0%, rgba(225, 212, 152, 1) 60%, rgba(215, 200, 116, 1) 100%);
}

.downloadbutton:disabled div {
    background: radial-gradient(circle at 0% 0%, rgba(188, 188, 188, 1) 0%, rgba(123, 123, 123, 1) 60%, rgba(78, 78, 78, 1) 100%);
}

.downloadbutton img {
    height: 15vh;
    mix-blend-mode: overlay;
    filter: drop-shadow(0 0 0.3vh rgba(0, 0, 0, 1));
}

.downloadbutton:active img {
    opacity: 90%;
    mix-blend-mode: multiply;
    filter: invert(1) drop-shadow(0 0 0.2vh rgba(255, 229, 83, 1)) drop-shadow(0 0 0.5vh rgba(255, 229, 83, 1));
}

.downloadbutton:disabled img {
    opacity: 50%;
    mix-blend-mode: soft-light;
    filter: none;
}