.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap;transition:background .25s,border-color .25s,transform .2s var(--ease),box-shadow .3s}
.btn svg{width:17px;height:17px;flex:none;transition:transform .3s var(--ease)}
.btn:hover svg:last-child:not(:first-child){transform:translateX(3px)}
.btn:active{transform:scale(.97)}
.btn-p{background:var(--p);color:#fff;box-shadow:0 10px 28px -12px rgba(47,123,255,.9)}
.btn-p:hover{background:var(--p-hi)}
.btn-ghost{background:rgba(255,255,255,.05);border-color:var(--line-2)}
.btn-ghost:hover{background:rgba(255,255,255,.09)}
.btn-discord{background:#5865f2;color:#fff}
.btn-discord:hover{background:#6c78ff}
.btn-sm{height:40px;padding:0 16px;font-size:13px;border-radius:10px}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.ic-btn{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--muted);transition:color .2s,background .2s}
.ic-btn:hover{color:#fff;background:rgba(255,255,255,.06)}
.ic-btn svg{width:20px;height:20px}