.button-outer>.banner-button:nth-of-type(2)>a {
    background: transparent;
    border: 1px solid #f60;
    border-radius: 0;
    color: #f60;
    text-align: center
}

.button-outer a {
    overflow: hidden;
    position: relative
}

.button-outer a span {
    position: relative;
    z-index: 2
}

.button-outer>.banner-button:nth-of-type(2)>a:before {
    background-image: linear-gradient(90deg, #f45f3e, #fb9860);
    transform: translateX(-100%);
    z-index: -1
}

.button-outer>.banner-button:nth-of-type(2)>a:after,
.button-outer>.banner-button:nth-of-type(2)>a:before {
    content: "";
    inset: 0;
    position: absolute;
    transition: transform .35s ease
}

.button-outer>.banner-button:nth-of-type(2)>a:hover {
    color: #fff
}

.button-outer>.banner-button:nth-of-type(2)>a:hover:before {
    transform: translateX(0)
}

.button-outer>.banner-button:nth-of-type(2)>a:hover:after {
    opacity: 1;
    transform: translateX(0);
    transition: transform .35s ease .36s
}