/* * 1. Style the 'Shop More' button (Now on top)
 * We give it the light background and dark text.
 */
.woocommerce-mini-cart__buttons a.button.checkout {
    background-color: #ebeaf5 !important; /* Light purple background */
    color: #2b2461 !important;            /* Dark purple text */
    margin-bottom: 10px !important;       /* Adds breathing room between the buttons */
    border: none !important;              /* Removes any default borders */
}

/* * 2. Style the 'View Cart' button (Now on bottom)
 * We give it the solid dark background and white text.
 */
.woocommerce-mini-cart__buttons a.button:not(.checkout) {
    background-color: #2b2461 !important; /* Dark purple background */
    color: #ffffff !important;            /* White text */
    border: none !important;              /* Removes any default borders */
}

/* Optional: Add a subtle hover effect for both buttons */
.woocommerce-mini-cart__buttons a.button:hover {
    opacity: 0.85;
}