/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */  
#mwb_pcfw_coupon_code {
    width: 100%;
    max-width: 300px;
}

/* New Coupon Section Design fixes */
.mwb_pcfw_coupon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.mwb_pcfw_coupon .pcfw_btn_in {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.mwb_pcfw_coupon .pcfw_btn_in label{
    margin-right: 10px;
}

#mwb_pcfw_coupon_error_message { 
    margin: 5px 0 0 0;
    padding-left: 15px;
}

#mwb_pcfw_coupon_success_message {
    margin: 5px 0 0 0;
    padding-left: 15px; 
}

/* Storefront New fixes */
.theme-storefront .pay_partial-amount-by-coupon_area #mwb_pcfw_coupon_error_message:before,
.theme-storefront .pay_partial-amount-by-coupon_area #mwb_pcfw_coupon_success_message:before {
    left: unset;
    right: 15px;
}
.theme-storefront .mwb_pcfw_coupon {
    margin-bottom: 20px;
}
.theme-storefront .pcfw_btn_in {
    flex: 0 0 100%;
    max-width: 100%;
}
.theme-storefront .mwb_pcfw_coupon .button {
    margin: 15px 0 0 65px;
}

@media only screen and (min-width: 480px) {
    .theme-storefront .mwb_pcfw_coupon .button,
    .theme-storefront .mwb_pcfw_coupon .remove_code {
        margin: 0;
        flex: 0 0 41%;
        max-width: 41%;
    }
    .theme-storefront .pcfw_btn_in {
        flex: 0 0 57%;
        max-width: 57%;
    }
}