.button{border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;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;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.normal{--main-color: #6b6bff;--text-color: #eaeaea;--hover-color: #9e9eff}.button.borderonly{--main-color: transparent;--text-color: #d8d8d8;--hover-color: rgba(216, 216, 216, .1)}.button.bad{--main-color: #ee5555;--text-color: #ffffff;--hover-color: #f38383}.button.secondary{--main-color: #38404e;--text-color: #ffffff;--hover-color: #4d586c}.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:10px;width:100%;height:100%;padding:2px;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%)}}