.button{border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);outline:none;display:flex;align-items:center;justify-content:center;gap:.5rem;outline:2px solid var(--outline-color);outline-offset:-2px;background-color:var(--main-color);color:var(--text-color);position:relative}.button:hover{background-color:var(--hover-color);transform:translateY(-2px)}.button:active{transform:scale(.94)}.button:disabled{cursor:not-allowed;opacity:.6}.button.size-tiny{padding:.25rem .5rem;font-size:.75rem}.button.size-small{padding:.5rem 1rem;font-size:.875rem}.button.size-normal{padding:.75rem 1.5rem;font-size:1rem}.button.size-big{padding:1rem 2rem;font-size:1.25rem}.button.size-giant{padding:1.5rem 3rem;font-size:1.5rem}.button.normal{--main-color: var(--color-4);--outline-color: var(--color-4-105);--text-color: var(--on-color-4);--hover-color: var(--color-4-105)}.button.borderonly{--main-color: transparent;--text-color: var(--on-background);--hover-color: var(--background)}.button.bad{--main-color: var(--bad);--outline-color: var(--bad-105);--text-color: var(--on-bad);--hover-color: var(--bad-105)}.button.secondary{--main-color: var(--color-2);--text-color: var(--on-color-2);--outline-color: var(--color-2-105);--hover-color: var(--color-2-105)}.button.bright{position:relative;color:var(--text-color);background:var(--main-color);transition:all .3s ease}.button.bright:hover{background:var(--hover-color)}.button.bright .feh-border-mask{position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%;padding:1px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask-composite:exclude}.button.bright .feh-border-glow{background:conic-gradient(from 0deg,transparent 0%,#fffa 10%,#fffa,transparent 20%);position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);transform-origin:0 0;animation:rotateShine 3s linear infinite}@keyframes rotateShine{0%{transform:rotate(0) translate(-50%,-50%)}to{transform:rotate(360deg) translate(-50%,-50%)}}