/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.woocommerce-page .woocommerce .woocommerce-cart-form .hg_coupon{
    display: block;
    text-align: left;
    border-top: 1px solid var(--wp--preset--color--contrast);
    margin-top: 20px;
    padding-top: 10px;
}

 .woocommerce-page .woocommerce .woocommerce-cart-form .hg_coupon label{
    text-align: left;
    width: 100%;
    display: block;
}

.woocommerce-page #content .woocommerce .woocommerce-cart-form .hg_coupon input[type="text"], 
.woocommerce-page #content .woocommerce .woocommerce-cart-form .hg_coupon input[type="date"],
.woocommerce-page .woocommerce .woocommerce-cart-form .hg_coupon input[type="text"], 
.woocommerce-page .woocommerce .woocommerce-cart-form .hg_coupon input[type="date"]
{
    width: 100%;
    display: block;
    font-family: var(--wp--preset--font-family--system-font);
}

.woocommerce-page #content .woocommerce .woocommerce-cart-form .hg_coupon button.button{
    margin-top: 1rem;
}