.bg-btn{-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-weight:500;line-height:1;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.bg-btn:focus-visible{ring:2px solid #4ade80;ring-offset:2px;ring-offset:#000;outline:none}.bg-btn:active{transform:scale(.97)}.bg-btn--ghost{color:#f5f5f5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:0 0;border-color:#737373}.bg-btn--ghost:hover{background:#525252;border-color:#a3a3a3}.bg-btn--matte{color:#f5f5f5;background:#525252;border-color:#737373}.bg-btn--matte:hover{background:#737373}.bg-btn--primary{color:#000;background:#00c78e;border-color:#4ade80;font-weight:600}.bg-btn--primary:hover{background:#4ade80;border-color:#86efac}.bg-btn--sm{gap:8px;padding:8px 16px;font-size:14px}.bg-btn--md{gap:10px;padding:14px 28px;font-size:16px}.bg-btn--lg{gap:12px;padding:18px 40px;font-size:18px}