/*
================================================

Space Vanta Theme 1.0

Module:
Cart / Continue Shopping

File:
continue-shopping.css

Responsibility:
Secondary cart navigation action

================================================
*/


.sv-cart-summary__continue {
    position: relative;

    appearance: none;

    min-width: 168px;
    min-height: 42px;

    margin: 0;
    padding: 0 22px;

    border: 1px solid rgba(145, 151, 158, 0.28);

    border-radius: 2px;

    outline: 0;

    background: transparent;

    color: var(--sv-color-text-primary);

    font-size: 11px;
    line-height: 1;

    letter-spacing: 0.085em;

    cursor: pointer;

    overflow: hidden;

    opacity: 0.68;

    transition:
        opacity var(--sv-transition-fast),
        border-color var(--sv-transition-fast),
        background var(--sv-transition-fast),
        transform var(--sv-transition-fast);
}


/*
------------------------------------------------
Reflective Layer
------------------------------------------------
*/

.sv-cart-summary__continue::before {
    content: "";

    position: absolute;

    top: -20%;
    bottom: -20%;
    left: -35%;

    width: 20%;

    background:
        linear-gradient(90deg,
            transparent,
            rgba(165, 185, 208, 0.22),
            transparent);

    transform: skewX(-18deg);

    opacity: 0;
}


.sv-cart-summary__continue:hover {
    opacity: 0.92;

    border-color: rgba(165, 174, 184, 0.52);

    background:
        rgba(145, 151, 158, 0.045);
}


.sv-cart-summary__continue:hover::before {
    opacity: 1;

    animation: sv-cart-continue-reflection 1s ease-out;
}


.sv-cart-summary__continue:active {
    transform: translateY(1px);
}


@keyframes sv-cart-continue-reflection {

    0% {
        left: -35%;
    }

    100% {
        left: 125%;
    }

}


@media (max-width: 767px) {

    .sv-cart-summary__continue {
        min-width: 148px;
        min-height: 40px;

        padding: 0 16px;

        font-size: 10px;
    }

}