button.button{position:relative;padding:10px 20px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;border-radius:10px;color:var(--text-opposite);background-color:var(--primary);border:none;font-weight:600;transition:all .2s ease}button.button{cursor:pointer}button.button:disabled{cursor:not-allowed}button.button.secondary{border:2px solid var(--primary);background-color:transparent;padding:8px 18px;color:var(--text)}button.button.secondary:disabled{border:2px solid var(--text-muted);background-color:transparent}button.button.darkText{color:var(--text-opposite)}button.button:disabled{background-color:var(--text-muted)}button.button:not(:disabled):hover,button.button:not(:disabled):focus{scale:102%}button.button:not(:disabled):active{scale:98%}button.button.loading{color:transparent}button.button.loading>*{visibility:hidden}button.button.loading .loader{position:absolute;visibility:visible;top:50%;left:50%;transform:translateY(-50%) translate(-50%)}