/* =====================================================
   CART DRAWER CLOSE BUTTON
===================================================== */

.cart-drawer-close{

    position:absolute;

    top:18px;
    left:18px;

    width:38px;
    height:38px;

    padding:0;

    border:0;

    border-radius:50%;

    background:#f5f5f5;

    color:#222;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    z-index:100;

    font-size:17px;

    line-height:1;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;

}


.cart-drawer-close:hover{

    background:#14351f;

    color:#fff;

    transform:rotate(90deg);

}


/* =====================================================
   DRAWER HEADING SPACE
===================================================== */

.cart-drawer .cart-heading{

    padding-left:70px !important;

    padding-right:55px !important;

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:992px){

    .cart-drawer-close{

        top:15px;

        left:15px;

        width:36px;

        height:36px;

        font-size:16px;

    }


    .cart-drawer .cart-heading{

        padding-left:62px !important;

        padding-right:20px !important;

    }

}