.checkout_card{
    @include Flex; flex-direction: column;
    transition: ease-in-out .3s;
    cursor: pointer;
    img{
        width: 350px;
    }
    h4{
        padding-top: 10px;
        transition: ease-in-out .3s;
        font-size: var(--titleFsize);
        font-weight: bold;
    }
    &:hover{
        transform: translateY(-20px);
        h4{
            color: var(--secondary);
        }
    }
}

@media screen and (max-width:750px) {
    .checkout_card{
        img{
            width: 250px;
        }
        h4{
            font-size: 13px;
        }
        &:hover{
            transform: translateY(-15px);
        }
    }
}