.btn-next {
    margin: 24px auto 30px;
    color: #fff;
    background-color: #0077B3;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    border: none;
    outline: none;
    height: 55px;
    border-radius: 50px;
    letter-spacing: .3px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.btn-next:hover {
    background-color: #0A3360;
}
.btn-next .forward-arrow {
    position: relative;
    margin-left: 15px;
}
.btn-next .forward-arrow img {
    width: 20px;
}

.efin-btn-next {
    background-color: #ff9518;
}

    .efin-btn-next:hover {
        background-color: #309ABF;
    }
/**************************************************
    Button Spinner
**************************************************/
.spinner {
    margin: 24px auto 30px;
    width: 55px;
    height: 55px;
    display: none;
}
.spinner > svg {
    display: none;
}
.spinner.visible {
    display: block;
}
.spinner.visible > svg {
    height: 100%;
    display: block;
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .btn-next {
        width: 280px;
        font-size: 18px;
        margin: 60px auto 45px;
    }
    .btn-next:hover .forward-arrow {
        animation-name: arrow;
        animation-duration: .65s;
        animation-timing-function: ease-in-out;
    }

    /**************************************************
        Button Spinner
    **************************************************/
    .spinner {
        margin: 60px auto 45px;
    }
}