.btn-primary{

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

    padding:18px 40px;

    border-radius:50px;

    background:#044065;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

    border:2px solid transparent;

}

.btn-primary:hover{

    background:transparent;

    border:2px solid white;

    color:white;

    transform:translateY(-3px);

}

.hero-btn{

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.hero-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(0,0,0,.25);

}