/* ==========================================
   NX BUTTON GLASS
========================================== */

.nx-btn-glass{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;

    min-height:48px;
    padding:0 1.5rem;

    border:1px solid rgba(255,255,255,.12);
    border-radius:.75rem;

    background:rgba(255,255,255,.06);
    color:#fff;

    font-family:var(--font-primary);
    font-size:.95rem;
    font-weight:600;
    line-height:1;

    text-decoration:none;
    cursor:pointer;

    backdrop-filter:blur(20px) saturate(160%);
    -webkit-backdrop-filter:blur(20px) saturate(160%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        0 8px 24px rgba(0,0,0,.16);

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.nx-btn-glass:hover{
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.22);

    transform:translateY(-2px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 12px 30px rgba(0,0,0,.22);
}

.nx-btn-glass:active{
    transform:translateY(0);
}

.nx-btn-glass:focus-visible{
    outline:2px solid rgba(255,255,255,.25);
    outline-offset:3px;
}