/* ===========================
   MNS BUTTON
=========================== */

.mns-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 24px;

    border:none;
    border-radius:var(--mns-radius);

    background:var(--mns-primary);
    color:#fff;

    font-weight:600;

    cursor:pointer;

    transition:var(--mns-transition);

}

.mns-btn:hover{

    background:#00915d;

    transform:translateY(-2px);

}

/* ==========================================
   MNS Global Notification
========================================== */

.mns-notification{

    position:fixed;

    top:50%;
    left:50%;

    transform:translate(-50%, -50%) scale(.9);

    min-width:260px;
    max-width:340px;

    padding:22px;

    background:rgba(25,25,25,.92);

    color:#fff;

    border-radius:18px;

    text-align:center;

    opacity:0;

    visibility:hidden;

    transition:.25s ease;

    z-index:99999;

    backdrop-filter:blur(10px);

}

.mns-notification.show{

    opacity:1;

    visibility:visible;

    transform:translate(-50%, -50%) scale(1);

}

@keyframes mns-notification-pop{

    0%{

        opacity:0;

        transform:translate(-50%, -50%) scale(.75);

    }

    70%{

        opacity:1;

        transform:translate(-50%, -50%) scale(1.05);

    }

    100%{

        opacity:1;

        transform:translate(-50%, -50%) scale(1);

    }

}

.mns-notification.show{

    animation:mns-notification-pop .28s ease;

}

.mns-notification-icon{

    font-size:42px;

    margin-bottom:12px;

}

.mns-notification-message{

    font-size:16px;

    font-weight:600;

    line-height:1.5;

}