.btn-back { position: relative; z-index: 15; padding: 6.5rem 0; margin: 0;}
.btn-back .content { display: flex; flex-direction: row; justify-content: center; align-items: center;}
.btn-back a { position: relative; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; color: #3182a4; padding: 1rem 2rem; border: 2px solid #3182a4; transition: color .3s ease;}
.btn-back a span ,
.btn-back a svg { position: relative; z-index: 10;}
.btn-back a span { font-family: 'apercubold', sans-serif; letter-spacing: 1px; text-transform: uppercase; margin-left: 1rem; transition: margin .5s ease;}

.btn-back a:after { content: ""; position: absolute; top: 0; left: 50%; z-index: 1; width: 0; height: 100%; background: #3182a4; transition: width .5s ease , left .5s ease;}

@media(hover:hover){
    .btn-back a:hover { color: #fff; }
    .btn-back a:hover:after { left: 0; width: 100%;}
    .btn-back a:hover span { margin-left: 1.5rem; margin-right: .5rem;}
}
@media(max-width: 1023px){
    .btn-back { padding: 3rem 0;}
}