main {
    background: #000;
}

a.btn-invert {
    width: 300px;
    height: 75px;
}

a.btn-invert span {
    z-index: 1;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    translate:   calc(-50% + 6px)  calc(-50% + 6px);
    transition: all 100ms ease-in;
}

a.btn-invert:after {
    border: none;
}

a.btn-invert:hover {
    padding-right: 30px;
}
a.btn-invert:hover span {
    translate:  -50% -50%;
}

a.btn.btn-primary.btn-invert:after {
    line-height: 50px;
    background: linear-gradient(225deg, #d62f03 0%, #330352 100%);;
}