.ref-wrap{box-sizing:border-box;background:#0c1119;border:1px solid #d4af372e;border-radius:12px;width:100%;margin:14px 0 18px;padding:10px}.ref-head{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px;display:flex}.ref-head strong{color:#e5c76b;font-size:13px;font-weight:800}.ref-head span{color:#7f8793;font-size:9px}.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.ref-btn{color:#f0f1f3;letter-spacing:-.3px;background:linear-gradient(#151c29,#101722);border:1px solid #dab75b2e;border-radius:7px;justify-content:center;align-items:center;height:42px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:flex}.ref-btn:hover{color:#f0d477;background:#192335;border-color:#dab75b80}.ref-btn:active{transform:scale(.985)}.ref-btn-wide{color:#e8ca72;background:linear-gradient(90deg,#1a1510,#241d0f);grid-column:1/-1}@media (width<=600px){.ref-wrap{margin:10px 0 14px;padding:7px}.ref-head{margin-bottom:6px}.ref-head strong{font-size:12px}.ref-head span{font-size:8px}.ref-grid{gap:5px}.ref-btn{height:38px;font-size:11px}}