.btn-3 {
    color: #002E63;
    background-color: #222B5F;
    outline: none;
    box-shadow: 0 3px 10px 0px rgb(138 155 165 / 15%);
}
.btn {
    padding: 0.55em 1.2em;
    background: #222B5F;
    color: #FFF;
    border: none;
    cursor: pointer;
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    z-index: 2;
    border-radius: 50px;
    outline: none;
}

.btn-3:after {
    width: 0;
    height: 100%;
    background: #E20A4A;
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
    outline: none;
    border-radius: 50px;
/*    border: 2px solid #E20A4A;*/
}
.btn:after {
    content: "";
    position: absolute;
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
    outline: none;
}

.btn-3:hover {
    color: #FFF;
    text-decoration: none;
    outline: none;
}

.btn-3:hover:after {
    width: 100%;
    outline: none;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
@media (max-width: 767px){
    .btn-3{
        margin: 1.5em 0 0 0;
    }
}