button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;}
.btn{padding:10px 14px;border-radius:12px;font-weight:600;}
.btn-primary{background:var(--button-primary);color:#fff;}
.btn-ghost{background:var(--surface-2);color:var(--ink);}
.btn-danger{background:#fee2e2;color:#991b1b;}
.btn-pre{width:fit-content;display:flex;gap:0.4rem;border:none;text-shadow:2px 2px 3px rgb(136 0 136/50%);background:linear-gradient(15deg,#cc3f47,#D0744B,#f09f33,#de6f3d,#DA5C63,#aa2068)no-repeat;background-size:300%;background-position:left center;transition:background 0.3s ease;color:#fff;}
.btn-pre:hover{background-size:320%;background-position:right center;}
.btn-pre svg{width: 23px;fill:#f09f33;transition:0.3s ease;}
.btn-pre:hover svg{fill: #fff;}
[data-theme="dark"] .btn-danger{background:#7f1d1d;color:#fecaca;}
.btn-block{width:100%;}
.btn-row{display:flex;gap:10px;}
.logout-btn{
    background: var(--bg-primary);
    backdrop-filter: blur(10px);
    border: 1px solid var(--border);
}