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

Space Vanta Theme 1.0

Module:
Cart / Remove

File:
remove.css

Responsibility:
Cart item remove interaction

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


.sv-cart-item__actions {
    margin-top: 10px;
}


.sv-cart-item__remove {
    position: relative;

    appearance: none;

    margin: 0;
    padding: 2px 0;

    border: 0;
    outline: 0;

    background: transparent;

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

    font-size: 10px;
    line-height: 1.5;

    letter-spacing: 0.075em;

    opacity: 0.42;

    cursor: pointer;

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


/*
------------------------------------------------
Reflective Underline
------------------------------------------------
*/

.sv-cart-item__remove::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 1px;

    background:
        linear-gradient(90deg,
            transparent,
            rgba(180, 188, 198, 0.38),
            transparent);

    opacity: 0.55;

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


.sv-cart-item__remove:hover {
    opacity: 0.78;
}


.sv-cart-item__remove:hover::after {
    opacity: 1;
}


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


@media (max-width: 767px) {

    .sv-cart-item__actions {
        margin-top: 9px;
    }

    .sv-cart-item__remove {
        font-size: 10px;
    }

}