.elementor-9027 .elementor-element.elementor-element-1323448f{--display:flex;--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:38px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for text-editor, class: .elementor-element-9eec96b *//* All WooCommerce action buttons equal width & red color */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order {
    background-color: #e60000 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    width: 100% !important; /* equal size full width */
    text-align: center !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #place_order:hover {
    background-color: #cc0000 !important;
    color: #fff !important;
}
/* Make coupon field & button in one line */
.woocommerce-cart .coupon {
    display: flex;
    align-items: center;
    gap: 10px; /* space between input & button */
}

/* Coupon input proper width */
.woocommerce-cart .coupon input#coupon_code {
    width: 200px !important;
}

/* Apply Coupon button styling */
.woocommerce-cart .coupon button {
    background: #e60000 !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
}
.woocommerce-cart .coupon {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 15px !important;  /* dono ke beech space */
}

.woocommerce-cart .coupon input#coupon_code {
    flex: 1 1 auto !important;
    min-width: 150px !important;
    height: 45px !important;
    padding: 10px 12px !important;
    border-radius: 6px !important;
}

.woocommerce-cart .coupon button {
    height: 45px !important;
    padding: 0 20px !important;
    background-color: #e60000 !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    white-space: nowrap;
}
.checkout-btn {
    background: red;
    color: white;
    padding: 15px 40px;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
    display: block;
    width: fit-content;
    margin: 40px auto; /* ⬅️ top & bottom equal spacing */
}
.checkout-btn {
    background: #e60000;
    color: white;
    padding: 14px 40px;
    border-radius: 6px;
    font-weight: bold;
    
    display: flex;
    justify-content: center;  /* text center horizontally */
    align-items: center;      /* text center vertically */
    
    width: 100%;
    max-width: 500px;         /* optional */
    margin: 40px auto;        /* equal top & bottom spacing + center */
    
    border: none;
}
.parent {
    text-align: center;
}
.checkout-btn {
    display: inline-block;
}
<div class="parent">
    <button class="checkout-btn">Proceed to checkout</button>
</div>
.checkout-btn {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}/* End custom CSS */