/*effects*/
.btn-primary {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.btn-primary:before,
.btn-primary:after {
    content: "";
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transform: translate3D(0,-100%,0);
    transition: all .5s;
    z-index: -2;
}

.btn-primary::after{
    transform: translate3D(0,100%,0);
    z-index: -1;
}
.btn-primary:hover:before,
.btn-primary:hover:after{
    transform: translate3D(0,-40%,0);
    transition: all .5s;
}

.btn-primary:hover:after{
    transform: translate3D(0,40%,0);
}
.btn-continue {
    transition: all .5s;
}
.btn-continue:hover {
    background: #eaecf3;
}