button.button{height:36px;position:relative;padding:0 15px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;border-radius:10px;background-color:var(--primary);border:none;font-weight:500;transition:all .2s ease;cursor:pointer;text-decoration:none}button.button,button.button:not(.secondary)>*{color:var(--text-dark)}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.delete:not(.secondary){background-color:var(--red)}button.button.secondary.delete{border:2px solid var(--red)}button.button.secondary:disabled{border:2px solid var(--text-muted);background-color:transparent}button.button.darkText{color:var(--text-dark)}button.button:disabled{background-color:var(--text-muted)}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%)}