 
 [class*="vb-product-button"] {
	display:flex;
	justify-content:inherit  !important;
	gap:var(--vb-product-btn-gap,10px);
	position:relative;
	flex-wrap:wrap;
	margin:0 0px 0px 0px ;

 	align-items: center;
	z-index:99;
	width:100%;
  	 

} 

 
body [class*="vb-product-button"] [class*="vb-btn-"]{
	pointer-events:all !important;
		
	--btn-sp:0px 0px 0px 0px;
	--btn-ht:var(--vb-product-btn-ht,3em);
	--btn-pd:0px var(--vb-product-btn-pd,1.5em);
	
	--btn-cr:var(--vb-product-btn-cr,var(--vb-global-cr));
	--btn-hv-cr:var(--vb-product-btn-hv-cr,var(--vb-global-primary-hv-cr));
	
   	--btn-fn-fm:var(--vb-product-btn-fn-fm,inherit);
	--btn-fn-sz: var(--vb-product-btn-fn-sz,var(--vb-product-btn-sz,var(--vb-fn-sz-xs)));
	--btn-fn-wt: var(--vb-product-btn-fn-wt,400);
	--btn-li-ht:  1.1em;
 	--btn-txt-dec: var(--vb-product-btn-txt-dec,none);
	--btn-txt-tf: var(--vb-product-btn-txt-tf,none);
	--btn-lt-sp: var(--vb-product-btn-lt-sp,none);
	--btn-wd-sp: var(--vb-product-btn-wd-sp,none);
	--btn-fn-st: var(--vb-product-btn-fn-sz,none);
	
  	--btn-bg:var(--vb-product-btn-bg,var(--vb-global-box-bg));
	--btn-br-wt:var(--vb-product-btn-br-wt,1px);
	--btn-br-cr:var(--vb-product-btn-br-cr,var(--vb-global-br-cr));
	--btn-br-st:var(--vb-product-btn-br-st,solid);
	--btn-sd:var(--vb-product-btn-sd,none);	
	--btn-rd:var(--vb-product-btn-rd,var(--vb-global-btn-rd));
	
	
 	--btn-hv-bg:var(--vb-product-btn-hv-bg,var(--vb-global-primary-hv-bg));
	--btn-hv-br-wt:var(--vb-product-btn-hv-br-wt,var(--btn-br-wt));
	--btn-hv-br-cr:var(--vb-product-btn-hv-br-cr,var(--btn-br-cr));
	--btn-hv-br-st:var(--vb-product-btn-hv-br-st,var(--btn-br-st));
	--btn-hv-sd:var(--vb-product-btn-hv-sd,var(--btn-sd));
 	
 	--btn-icn-cr: var(--vb-product-btn-icn-cr,var(--btn-cr));
	--btn-icn-hv-cr: var(--vb-product-btn-icn-hv-cr,var(--btn-hv-cr));
	--btn-icn-sz: var(--vb-product-btn-icn-sz,1.5em);
	--btn-icn-sp: var(--vb-product-btn-icn-sp,7px);
	
}
 
body  [class*="vb-product-button"]  .vb-btn-addcart:not(.vb-btn-icon),
body  .vb-product-button-before-price  .vb-btn-addcart[class*="vb-btn-"]{
	
	--btn-ht:var(--vb-addcart-ht,3em);
	--btn-pd:0px var(--vb-addcart-pd,1.5em);	
	
	--btn-fn-fm:var(--vb-addcart-fn-fm,inherit);
	--btn-fn-sz: var(--vb-addcart-fn-sz, var(--vb-addcart-sz,var(--vb-fn-sz-xs)));
	--btn-fn-wt: var(--vb-addcart-fn-wt,var(--vb-global-btn-fn-wt));
	--btn-li-ht:  1.1em;
 	--btn-txt-dec: var(--vb-addcart-txt-dec,var(--vb-global-btn-txt-dec));
	--btn-txt-tf: var(--vb-addcart-txt-tf,var(--vb-global-btn-txt-tf));
	--btn-lt-sp: var(--vb-addcart-lt-sp,var(--vb-global-btn-lt-sp));
	--btn-wd-sp: var(--vb-addcart-wd-sp,var(--vb-global-btn-wd-sp));
	--btn-fn-st: var(--vb-addcart-fn-st,var(--vb-global-btn-fn-st));
	
 	--btn-cr:var(--vb-addcart-cr,var(--vb-global-primary-cr));
	--btn-bg:var(--vb-addcart-bg,var(--vb-global-primary-bg));
	--btn-br-wt:var(--vb-addcart-br-wt,var(--vb-global-btn-hv-br-wt));
	--btn-br-cr:var(--vb-addcart-br-cr,var(--vb-global-btn-br-cr));
	--btn-br-st:var(--vb-addcart-br-st,var(--vb-global-btn-hv-br-st));
	--btn-sd:var(--vb-addcart-sd,var(--vb-global-btn-hv-sd));	
	--btn-rd:var(--vb-addcart-rd,var(--vb-global-btn-rd));
	
  	--btn-icn-cr: var(--vb-addcart-icn-cr,var(--btn-cr));
	--btn-icn-sz: var(--vb-addcart-icn-sz,1.5em);	
	--btn-icn-sp: var(--vb-addcart-icn-sp,5px);
    	
} 
.vb-btn-addcart.vb-addcart-full-width{
	width:0px !important;
	flex-grow:1;	
}

body  [class*="vb-product-button"]  .vb-btn-addcart.added:not(.added_to_cart){
	display:none !important;
	
}




body .vb-btn-addcart.loading::before{
	content: "\F015"!important;
	-webkit-animation: vb_rotate 1.4s infinite linear!important;
	animation: vb_rotate 1.4s infinite linear!important;
	font-family: 'vbicon'!important;
}




/************** Wishlist************/
body .vb-btn-addwish > div,
body .vb-btn-addwish  > div > a,
body .vb-btn-addwish  .yith-wcwl-add-button,
body .vb-btn-addwish  .yith-wcwl-add-button a,
body .vb-btn-addwish .yith-wcwl-add-to-wishlist-button:is(button){
	position:absolute !important;
	height:100% !important;
	width:100% !important;
	inset-inline-start:0px !important;
	background:none !important;
	border:none !important;
	box-shadow:none !important;
	color:inherit !important;
	top:0px !important;
	font-size:0px !important;
	margin:0px !important;
	padding:0px !important;
	
}
body .vb-btn-addwish  svg{
  display: none !important;
}
body .vb-btn-addwish  > div > a *{
	display:none !important;
}

body .vb-btn-addwish:has(.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added)::before,
body .vb-btn-addwish:has(.yith-wcwl-wishlistexistsbrowse)::before,
body .vb-btn-addwish:has(.yith-wcwl-wishlistaddedbrowse)::before {
	content:'\F032' !important;
} 
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	Text Hover
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb-product-button-text-hover{
	position:absolute;
	z-index:999999;
	pointer-events: none;
		width:fit-content;
}
.vb-product-button-text-hover span{
	position: relative;
	width: 100%;
	padding: 0 10px;
	background:#111111;
	width:fit-content;
	border-radius:50px;
	font-size: 12px;
	line-height: 24px;
	height:24px;
	float: inline-start;
	  transform: translateX(-50%);
	color: #fff;
}

.vb-product-button-text-hover span::before{
	background: rgb(17, 17, 17);
	width: 16px;
	content: "";
	position: absolute;
	bottom: -8px;
	height: 16px;
	transform: rotate(45deg);
	z-index: -1;
	inset-inline-end: calc(50% - 8px);
}


/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	All Image Middle 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 

body .vb-product-button-image-center,
body .vb-product-button-image-side,
body .vb-product-button-image-bottom{
	position:absolute!important;
	top:0px!important;
	inset-inline-start:0px !important;
	width: 100%!important;
	height: 100%!important;
	align-items: center !important;
	justify-content:center !important;
 	margin:0px !important;
	z-index:99999999999;
}
body .vb-product-button-image-side{
	display:flex;

  flex-direction: column;
  align-items: end !important;
  justify-content: start !important;
  padding:var(--vb-sp-s);
}
body .vb-post-product .vb-product-button-image-bottom {
		  align-items: end !important;
  justify-content: center !important;
  	display:flex;
	
  padding:var(--vb-sp-s);
}

body .vb-post-product *:is(.vb-product-button-image-center,.vb-product-button-image-side) [class*="vb-btn-"]{
	pointer-events:all !important;
 	  transform: scale(0)!important; 
	--btn-cr:var(--vb-product-btn-cr,var(--vb-global-lk-cr)); 
 	--btn-br-wt:var(--vb-product-btn-br-wt,0px);
	--btn-bg:var(--vb-product-btn-bg,var(--vb-global-gry-bg));
	--btn-fn-sz: var(--vb-product-btn-fn-sz,var(--vb-fn-sz-l))!important;
	--btn-icn-sz: var(--vb-product-btn-icn-sz,1.5em);
	--btn-ht:var(--vb-product-btn-ht,3em);
	--btn-ti-property: var(--vb-global-ti-property),transform !important;
 
}
body .vb-post-product .vb-product-button-image-bottom [class*="vb-btn-"]{
	pointer-events:all !important;
	transform: scale(0)!important; 
	--btn-ti-property: var(--vb-global-ti-property),transform !important;
	

}
body .vb-post-product:hover *:is(.vb-product-button-image-center,.vb-product-button-image-side,.vb-product-button-image-bottom) [class*="vb-btn-"] {
	transform: scale(1,1)!important; 
 }  
 
.vb-post-product  .vb-product-button-details{
  justify-content: var(--dt-ag) !important;
 	margin: var(--vb-product-btn-sp,var(--vb-sp-m)) 0px 0px 0px !important;
}
.vb-post-product  .vb-product-button-details-hover{
 	  justify-content: space-evenly !important;
	width: 100%;
}
.vb-post-product .vb-details .vb-btn-addcart{
	 order:var(--addcart-order,1);
	 
}
.vb-post-product .vb-details .vb-btn-addwish{
	 order:var(--addwish-order,2);
	 
}
.vb-post-product .vb-details .vb-btn-addcompare{
	 order:var(--addcompare-order,3);
	 
}
  
@container vb_aw (width <= 180px) {
 .vb-post-product .vb-product-button{
 	display:none !important;
}
}

  *:is(.vb-price-wrap):has(.vb-product-button-before-price):has(.vb-price){
 	gap:7px !important;
	justify-content: space-between !important;
	align-items:end!important;
	  line-height: 1em;
   }
     
  *:is(.vb-price-wrap):has(.vb-product-button-before-price) >  *:is(.vb-price,.vb-product-button-before-price) {
		width: auto !important;
    }
   
