@import './../../styles/variables';

.c-Cart {
    background: $neutral-12;
    font-family: $font-family;
    margin-top: $header-height;
    margin-bottom: 46px;
    // padding: 15px 10px;

    .c-Cart__emptyCart {
        background: $neutral-00;
        margin-top: 25%;
        border: 1px solid black;
        text-align: center;
        padding: 1em;

        .c-Cart__emptyCart__information {
            color: $neutral-40;
        }
    }

    .btn__continueShopping {
        display: block;
        margin: 0 auto;
        border-radius: 20px;
        padding: 7px 20px;
        background-color: $brand-color;
        color: $neutral-12; 
        cursor: pointer;
        font-size: $smaller-font-size;
        font-weight: $bold-font-weight;
    }
    
    .btn__continueShopping:hover {
        opacity: 0.7;
    }

    .c-Cart__mainContent {
        
    }
}
