/* <link rel="stylesheet" href="{ basePath }/sfsites/c/resource/ecommStyle/css/cart/commerce-checkout-button.css?{ versionKey }"/> */
/* 
    This component is used on the "Cart" page
*/

commerce_builder-checkout-button {
    padding-top: 1.5rem !important;
}

@media (max-width: 1023.98px) {

    .sticky-bottom-mobile commerce_builder-checkout-button {
        padding: 1rem !important;
        background-color: var(--ecomm-color-white-02);
    }

}

commerce_builder-checkout-button .slds-button {
    transition:
        color var(--ecomm-transition-color),
        border-color var(--ecomm-transition-border-color),
        background-color var(--ecomm-transition-background-color),
        box-shadow var(--ecomm-transition-box-shadow) !important;
}

commerce_builder-checkout-button .slds-button:disabled {
    color: var(--ecomm-button-brand-disabled-color) !important;
    border-color: var(--ecomm-button-brand-disabled-border-color) !important;
    background-color: var(--ecomm-button-brand-disabled-background-color) !important;
}