/****************************
 * Buttons
*****************************/
/* button not primary style */
.woocommerce .button {
    /* adjust loading color */
    --loading-color:#fff;
    --loading-bg:#000;
    --loading-size:20px;

    cursor:pointer;
    border:1px solid var(--vii-color-primary); border-radius:4px;
    background:rgba(0, 0, 0, 0); color:var(--vii-color-text);
    min-height:49px; padding:5px 20px;

    display:inline-flex; align-items:center; justify-content:center; gap:.4em;
    text-decoration:none; text-align:center;
    font-family:var(--vii-font-primary); font-weight:500; font-size:var(--vii-size-body);
    line-height:1.1; letter-spacing:.08em; text-transform:uppercase;
}
.woocommerce .button.loading:after {border-style:solid;}

/* icon */
.woocommerce .button:before,
.woocommerce .button:after {font-family:var(--vii-font-icomoon), fantasy;}

/* hover */
.woocommerce .button:hover,
.woocommerce .button:focus {
    text-decoration:none;
    background:var(--vii-color-primary); color:var(--vii-color-on-primary);
}

/* button disabled */
.woocommerce .button.disabled {pointer-events:none; opacity:.5; filter:grayscale(1);}


/* small button */
.woocommerce .button.woo-button--small {
    min-height:30px; padding:.2em .5em;
    font-size:15px;
}


/* button.alt */
.woocommerce .button.alt {
    border-color:var(--vii-color-primary);
    background:var(--vii-color-primary); color:var(--vii-color-on-primary);
}
.woocommerce .button.alt:hover,
.woocommerce .button.alt:focus {
    background:rgba(0, 0, 0, 0); color:var(--vii-color-primary);
}

@media only screen and (max-width:480px) {
    .woocommerce .button {min-height:46px; font-size:12px;}
}

/****************************
 * Buttons remove
 * Page: cart, wishlist
*****************************/
.woocommerce a.remove {
    font-size:12px;
    color:var(--vii-color-text); text-transform:uppercase;
    transition:var(--vii-transition);
}
.woocommerce a.remove.loading {--loading-size:13px;}


/* Buttons > Restore item (after delete product from cart page) */
/*.woocommerce a.restore-item {text-decoration:none;}
.woocommerce a.restore-item:after {font-family:var(--vii-font-icomoon); margin-left:7px; content:var(--woo-icon-restore);}*/


/****************************
 * Buttons pagination
 * Page: account orders
*****************************/
.woocommerce-Button--previous:before {content:"\e92e"; font-size:.8em;}
.woocommerce-Button--next:after {content:"\e92f"; font-size:.8em;}