/*=========================================
            GLOBAL BUTTONS
=========================================*/

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 28px;

    border:none;

    border-radius:12px;

    background:var(--gradient-primary);

    color:#fff;

    font-size:15px;

    font-weight:600;

    text-decoration:none;

    cursor:pointer;

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

}

.btn:hover{

    background:var(--gradient-primary-hover);

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,119,182,.35);

}

.btn:active{

    transform:translateY(-1px);

}