/*
Theme Name: Naturya Child
Theme URI: http://naturya.novaworks.net
Description: This is a child theme for Naturya Theme.
Author: Novaworks
Author URI: http: //www.novaworks.net/
Template: naturya
Version: 1.0
*/

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

/*cart page buttons*/


.woocommerce-cart.woocommerce-page.wp-theme-naturya.wp-child-theme-naturya-child
  .button[name="update_cart"]:enabled,
.woocommerce-cart.woocommerce-page.wp-theme-naturya.wp-child-theme-naturya-child
  .button[name="update_cart"]:disabled {
  color: #000;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-size: 100% 1px;
  background-position: 0 100%, 0 0;
  background-repeat: no-repeat;
  background-clip: border-box;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  border-radius: 10px;
  transition: none;
}

.woocommerce-cart.woocommerce-page.wp-theme-naturya.wp-child-theme-naturya-child
  .button[name="update_cart"]:enabled:before,
.woocommerce-cart.woocommerce-page.wp-theme-naturya.wp-child-theme-naturya-child
  .button[name="update_cart"]:disabled:before {
  content: "";
  position: absolute;
  top: -1px; left: -1px; bottom: -1px; right: -1px;
  background: linear-gradient(90deg, #3D99B2 1.92%, #413F66 43.75%, #2F1A21 100%);
  z-index: -1;
  border-radius: 10px;
  padding: 1px;
  -webkit-mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
}



.woocommerce-cart.woocommerce-page.wp-theme-naturya.wp-child-theme-naturya-child
  .button[name="update_cart"]:enabled:hover,
.woocommerce-cart.woocommerce-page.wp-theme-naturya.wp-child-theme-naturya-child
  .button[name="update_cart"]:disabled:hover {
  background: linear-gradient(90deg, #007396 1.92%, #373351 45.67%, #1E1218 90.87%);
  transition: none;
}

body .woocommerce-message, 
body .woocommerce-info {
  background: #d7f3dc !important;
  color: #000000 !important;
}

body .woocommerce-message a,
body .woocommerce-info a {
  color: #000000 !important;
}



/****************************************************************/
/****************************************************************/
/****************************************************************/