:root {
    /*                                   GENERAL                            */
    --wow-red: #da2128;
    --wow-red-darker: #b91c23;
    --wow-black: #0d0d0d;
    --wow-text-color: #FFF;
    /*====================================||=================================*/
    /*                          GENERAL BUTTON CONFIG                        */
    --button-outline-offset: 2px;
    --button-border-radius: 4px;
    /*====================================||=================================*/
    /*                           BUTTON-PRIMARY STARTS                       */
    --button-primary-color: var(--wow-text-color);
    --button-primary-background: var(--wow-red);
    --button-primary-border: var(--wow-red);
    --button-primary-box-shadow: none;
    --button-primary-outline: none;
    /* Hover */
    --button-primary-color--hover: var(--wow-text-color);
    --button-primary-background--hover: var(--wow-red-darker);
    --button-primary-border--hover: var(--wow-red-darker);
    --button-primary-box-shadow--hover: none;
    --button-primary-outline--hover: none;
    /* Focus */
    --button-primary-color--focus: var(--wow-text-color);
    --button-primary-background--focus: var(--wow-red-darker);
    --button-primary-border--focus: var(--wow-red-darker);
    --button-primary-box-shadow--focus: none;
    --button-primary-outline--focus: 2px solid var(--wow-red-darker);
    /*                           BUTTON-PRIMARY ENDS                         */
    /*====================================||=================================*/
    /*====================================||=================================*/
    /*                           BUTTON-SECONDARY STARTS                     */
    --button-secondary-color: #FFFFFF;
    --button-secondary-background: #666;
    --button-secondary-border: #666;
    --button-secondary-box-shadow: none;
    --button-secondary-outline: none;
    /* Hover */
    --button-secondary-color--hover: #FFFFFF;
    --button-secondary-background--hover: #333;
    --button-secondary-border--hover: #333;
    --button-secondary-box-shadow--hover: none;
    --button-secondary-outline--hover: none;
    /* Focus */
    --button-secondary-color--focus: #FFFFFF;
    --button-secondary-background--focus: #333;
    --button-secondary-border--focus: #333;
    --button-secondary-box-shadow--focus: none;
    --button-secondary-outline--focus: 2px solid #333;
    /*                           BUTTON-SECONDARY ENDS                       */
    /*====================================||=================================*/
    /*====================================||=================================*/
    /*                           BUTTON-DANGER STARTS                        */
    --button-danger-color: #FFFFFF;
    --button-danger-background: #da2128;
    --button-danger-border: #da2128;
    --button-danger-box-shadow: none;
    --button-danger-outline: none;
    /* Hover */
    --button-danger-color--hover: #FFFFFF;
    --button-danger-background--hover: #da2128;
    --button-danger-border--hover: #da2128;
    --button-danger-box-shadow--hover: none;
    --button-danger-outline--hover: none;
    /* Focus */
    --button-danger-color--focus: #FFFFFF;
    --button-danger-background--focus: #da2128;
    --button-danger-border--focus: #da2128;
    --button-danger-box-shadow--focus: none;
    --button-danger-outline--focus: 2px solid #da2128;
    /*                           BUTTON-DANGER ENDS                          */
    /*====================================||=================================*/
}


/*====================================||=================================*/
/*                           PRIMARY-BUTTON STARTS                       */
button.aec-buybutton-textbtn,
#aec-page .btn.btn-primary, #aec-shipping .btn.btn-danger, #orderHistoryGrid #OrderHistoryGrid td a.k-button {
    color: var(--button-primary-color) !important;
    background-color: var(--button-primary-background) !important;
    border: var(--button-primary-border) !important;
    /* BOX-SHADOW */
    box-shadow: var(--button-primary-box-shadow) !important;
    -webkit-box-shadow: var(--button-primary-box-shadow) !important;
    /* OUTLINE */
    outline: var(--button-primary-outline) !important;
    outline-offset: var(--button-outline-offset) !important;
}

    /* HOVER */
    button.aec-buybutton-textbtn:hover,
    #aec-page .btn.btn-primary:hover, #aec-shipping .btn.btn-danger:hover, #orderHistoryGrid #OrderHistoryGrid td a.k-button:hover {
        color: var(--button-primary-color--hover) !important;
        background-color: var(--button-primary-background--hover) !important;
        border: var(--button-primary-border--hover) !important;
        /* BOX-SHADOW */
        box-shadow: var(--button-primary-box-shadow--hover) !important;
        -webkit-box-shadow: var(--button-primary-box-shadow--hover) !important;
        /* OUTLINE */
        outline: var(--button-primary-outline--hover) !important;
        outline-offset: var(--button-outline-offset) !important;
    }

    /* FOCUS */
    button.aec-buybutton-textbtn:focus-visible,
    #aec-page .btn.btn-primary:focus-visible, #aec-shipping .btn.btn-danger:focus-visible, #orderHistoryGrid #OrderHistoryGrid td a.k-button:focus-visible {
        color: var(--button-primary-color--focus) !important;
        background-color: var(--button-primary-background--focus) !important;
        border: var(--button-primary-border--focus) !important;
        /* BOX-SHADOW */
        box-shadow: var(--button-primary-box-shadow--focus) !important;
        -webkit-box-shadow: var(--button-primary-box-shadow--focus) !important;
        /* OUTLINE */
        outline: var(--button-primary-outline--focus) !important;
        outline-offset: var(--button-outline-offset) !important;
    }
/*                           BUTTON-PRIMARY ENDS                         */
/*====================================||=================================*/


/*                          WHITE COLOR --> RED BG                       */
.aec-dcsnavAccordian .aec-dcsnavHead,
.aec-alternatesite-msg {
    color: var(--wow-text-color) !important;
    background-color: var(--wow-red) !important;
}


/*                          RED COLOR--> WHITE BG                        */
.aec-buybutton div.aec-custprice span,
.products-slider .slick-prev:before, .products-slider .slick-next:before {
    color: var(--wow-red) !important;
    background-color: var(--wow-text-color) !important;
}


/*                          WHITE COLOR --> BLACK BG                       */
.email-container,
.aec-globalsearch button.aec-selectedTxt,
ul.ddNav1,
.aec-dcsnavTitle, .aec-navTitle,
.aec-searchwithin #aec-searchwithinbtn,
.aec-pagenumcontainer .aec-pagenum span,
#left-inner .headingbox a,
#aec-accountmanage-nav > div {
    color: var(--wow-text-color) !important;
    background-color: var(--wow-black) !important;
}

/*                          BLACK COLOR --> WHITE BG                       */
.aec-dcsSelectionsIcon:before {
    color: var(--wow-black) !important;
    background-color: var(--wow-text-color) !important;
}

/*====================================||=================================*/
/*                           BUTTON-DANGER STARTS                     */
#btnempty.aec-checkout-textbtn,
.btn.aec-checkout-removeLink {
    color: var(--button-danger-color) !important;
    background-color: var(--button-danger-background) !important;
    border: var(--button-danger-border) !important;
    /* BOX-SHADOW */
    box-shadow: var(--button-danger-box-shadow) !important;
    -webkit-box-shadow: var(--button-danger-box-shadow) !important;
    /* OUTLINE */
    outline: var(--button-danger-outline) !important;
    outline-offset: var(--button-outline-offset) !important;
}

    #btnempty.aec-checkout-textbtn:hover,
    .btn.aec-checkout-removeLink:hover,
    #btnempty.aec-checkout-textbtn:hover, .btn.aec-checkout-removeLink:hover {
        color: var(--button-danger-color--hover) !important;
        background-color: var(--button-danger-background--hover) !important;
        border: var(--button-danger-border--hover) !important;
        /* BOX-SHADOW */
        box-shadow: var(--button-danger-box-shadow--hover) !important;
        -webkit-box-shadow: var(--button-danger-box-shadow--hover) !important;
        /* OUTLINE */
        outline: var(--button-danger-outline--hover) !important;
        outline-offset: var(--button-outline-offset) !important;
    }

    #btnempty.aec-checkout-textbtn:focus-visible,
    .btn.aec-checkout-removeLink:focus-visible,
    #btnempty.aec-checkout-textbtn:focus, .btn.aec-checkout-removeLink:focus {
        color: var(--button-danger-color--focus) !important;
        background-color: var(--button-danger-background--focus) !important;
        border: var(--button-danger-border--focus) !important;
        /* BOX-SHADOW */
        box-shadow: var(--button-danger-box-shadow--focus) !important;
        -webkit-box-shadow: var(--button-danger-box-shadow--focus) !important;
        /* OUTLINE */
        outline: var(--button-danger-outline--focus) !important;
        outline-offset: var(--button-outline-offset) !important;
    }
/*                           BUTTON-DANGER ENDS                       */
/*====================================||=================================*/


/*====================================||=================================*/
/*                           SECONDARY-BUTTON STARTS                     */
#aec-page .btn.btn-secondary {
    color: var(--button-secondary-color) !important;
    background-color: var(--button-secondary-background) !important;
    border: var(--button-secondary-border) !important;
    /* BOX-SHADOW */
    box-shadow: var(--button-secondary-box-shadow) !important;
    -webkit-box-shadow: var(--button-secondary-box-shadow) !important;
    /* OUTLINE */
    outline: var(--button-secondary-outline) !important;
    outline-offset: var(--button-outline-offset) !important;
}

    #aec-page .btn.btn-secondary:hover {
        color: var(--button-secondary-color--hover) !important;
        background-color: var(--button-secondary-background--hover) !important;
        border: var(--button-secondary-border--hover) !important;
        /* BOX-SHADOW */
        box-shadow: var(--button-secondary-box-shadow--hover) !important;
        -webkit-box-shadow: var(--button-secondary-box-shadow--hover) !important;
        /* OUTLINE */
        outline: var(--button-secondary-outline--hover) !important;
    }

    #aec-page .btn.btn-secondary:focus-visible {
        color: var(--button-secondary-color--focus) !important;
        background-color: var(--button-secondary-background--focus) !important;
        border: var(--button-scondary-border--focus) !important;
        /* BOX-SHADOW */
        box-shadow: var(--button-secondary-box-shadow--focus) !important;
        -webkit-box-shadow: var(--button-secondary-box-shadow--focus) !important;
        /* OUTLINE */
        outline: var(--button-secondary-outline--focus) !important;
    }
/*                           BUTTON-SECONDARY ENDS                       */
/*====================================||=================================*/
