[class*="vb-btn-"] {
	--btn-sp: 0px 0px 0px 0px;
	--btn-ht: auto;
	--btn-wt: fit-content;
	--btn-pd: var(--vb-global-btn-pd);
	--btn-cr: var(--vb-global-primary-cr);
	--btn-hv-cr: var(--vb-global-primary-hv-cr));
	--btn-fn-fm: var(--vb-global-btn-fn-fm);
	--btn-fn-sz: var(--vb-p-fn-sz);
	--btn-fn-wt: 500;
	--btn-li-ht:var(--vb-global-btn-li-ht);
	--btn-txt-dec: var(--vb-global-btn-txt-dec);
	--btn-txt-tf: var(--vb-global-btn-txt-tf);
	--btn-lt-sp: var(--vb-global-btn-li-sp);
	--btn-wd-sp: var(--vb-global-btn-wd-sp);
	--btn-fn-st: var(--vb-global-btn-fn-st);
	--btn-bg: var(--vb-global-primary-bg);
	--btn-br-wt: var(--vb-global-btn-br-wt);
	--btn-br-cr: var(--vb-global-btn-br-cr);
	--btn-br-st: var(--vb-global-btn-br-st);
	--btn-sd: var(--vb-global-btn-sd);
	--btn-rd: var(--vb-global-btn-rd);
	--btn-hv-bg: var(--vb-global-primary-hv-bg);
	--btn-hv-br-wt: var(--vb-global-btn-hv-br-wt);
	--btn-hv-br-cr: var(--vb-global-btn-hv-br-cr);
	--btn-hv-br-st:var(--vb-global-btn-hv-br-st);
	--btn-hv-sd: var(--vb-global-btn-hv-sd);
	--btn-icn-cr: inherit;
	--btn-icn-hv-cr: inherit;
	--btn-icn-sz: 1.25em;
	--btn-icn-sp: 7px;
	--btn-ti: var(--vb-global-ti-duration);
}

body:is(body) [class*="vb-btn-"],
body:is(body) [class*="vb-btn-"].button:is([class*="vb-btn-"])  {
	display: inline-flex !important;
	align-items: center!important;
	justify-content: center !important;
	position: relative!important;
	width: fit-content !important;
	margin: var(--btn-sp)!important;
	padding: var(--btn-pd)!important;
	height:auto!important;
	min-height: var(--btn-ht)!important;
	width: var(--btn-wt)!important;
	color: var(--btn-cr) !important;
	font-family: var(--btn-fn-fm) !important;
	font-size: var(--btn-fn-sz)  !important;
	font-weight: var(--btn-fn-wt) !important;
	line-height: var(--btn-li-ht) !important;
	text-decoration: var(--btn-txt-dec) !important;
	text-transform: var(--btn-txt-tf) !important;
	letter-spacing: var(--btn-lt-sp) !important;
	word-spacing: var(--btn-wd-sp) !important;
	font-style: var(--btn-fn-st) !important;
	transition-duration: var(--btn-ti)!important;
	transition-property: var(--vb-global-ti-property)!important;
	background: none !important;
	z-index: 1!important;
	border:none !important;
	box-shadow:none !important;
	background:none !important;
	border-radius:0px  !important;
	gap: var(--btn-icn-sp)!important;
}

body:is(body) [class*="vb-btn-"] span,
body:is(body) [class*="vb-btn-"].button:is([class*="vb-btn-"]) span {
 	display: contents !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-decoration: inherit !important;
	text-transform: inherit !important;
	letter-spacing: inherit !important;
	word-spacing: inherit !important;
	font-style: inherit !important;
	box-shadow: inherit !important;
	border: inherit !important;
	background: inherit !important;
}


body:is(body) [class*="vb-btn-"]:hover,
body:is(body) [class*="vb-btn-"].button:is([class*="vb-btn-"]):hover,
body:is(body) [class*="vb-btn-"][class*="-active"],
body:is(body) [class*="vb-btn-"][class*="-active"].button:is([class*="vb-btn-"]),
body:is(body) [class*="vb-btn-"].current,
body:is(body) [class*="vb-btn-"].current.button:is([class*="vb-btn-"]) {
	color: var(--btn-hv-cr) !important;
	background: none !important;
 	border:none !important;
	box-shadow:none !important;
	background:none !important;
	border-radius:0px !important;
}

body:is(body) [class*="vb-btn-"]:after,
body:is(body) [class*="vb-btn-"].button:is([class*="vb-btn-"]):after{
	content: "" !important;
	z-index: -1 !important;
	position: absolute !important;
	top: 0px !important;
	inset-inline-start: 0px !important;
	width: 100% !important;
	height: 100% !important;
	background: var(--btn-bg);
	border-width: var(--btn-br-wt) !important;
	border-color: var(--btn-br-cr) !important;
	border-style: var(--btn-br-st) !important;
	box-shadow: var(--btn-sd) !important;
	opacity:1  !important;
	border-radius: var(--btn-rd) !important;
	transition-duration: var(--btn-ti) !important;
	transition-property: var(--vb-global-ti-property) !important;
	box-sizing: border-box !important;
	animation:none !important;
	margin:0px !important;
}

body:is(body) [class*="vb-btn-"]:hover::after,
body:is(body) [class*="vb-btn-"].button:is([class*="vb-btn-"]):hover::after,
body:is(body) [class*="vb-btn-"][class*="-active"],
body:is(body) [class*="vb-btn-"][class*="-active"].button:is([class*="vb-btn-"]),
body:is(body) [class*="vb-btn-"].current::after,
body:is(body) [class*="vb-btn-"].current.button:is([class*="vb-btn-"])::after{
	background: var(--btn-hv-bg) !important;
	border-width: var(--btn-hv-br-wt) !important;
	border-color: var(--btn-hv-br-cr) !important;
	border-style: var(--btn-hv-br-st) !important;
	box-shadow: var(--btn-hv-sd) !important;
}

body:is(body) [class*="vb-btn-"]::before,
body:is(body) [class*="vb-btn-"].button:is([class*="vb-btn-"]):hover::before{
	color: var(--btn-icn-cr,inherit)!important;
	font-size: var(--btn-icn-sz,1.25em)!important;
	font-weight: 400!important;
	display: flex!important;
	align-items: center!important;
	opacity:1 !important;
	position:relative !important;
	line-height: var(--btn-icn-ht,1.25em) !important;
	width: 1.25em !important;
	height: var(--btn-icn-ht,1.25em) !important;
	justify-content: center!important;
	margin:0px !important;
		transition-duration: var(--btn-ti) !important;
	transition-property: var(--vb-global-ti-property) !important;
}

body:is(body) [class*="vb-btn-"]:hover::before,
body:is(body) [class*="vb-btn-"].button:is([class*="vb-btn-"]):hover::before,
body:is(body) [class*="vb-btn-"][class*="-active"],
body:is(body) [class*="vb-btn-"][class*="-active"].button:is([class*="vb-btn-"]),
body:is(body) [class*="vb-btn-"].current::before,
body:is(body) [class*="vb-btn-"].current.button:is([class*="vb-btn-"])::before {
	color: var(--btn-icn-hv-cr)!important;
}

body:is(body) .vb-btn-icon[class*="vb-btn-"].vb-btn-icon {
	--btn-pd: 0px !important;
	width: var(--btn-ht) !important;
}

body:is(body) .vb-btn-icon[class*="vb-btn-"].vb-btn-icon span {
	display: none !important;
}

body:is(body) .vb-button-icon-after [class*="vb-btn-"] {
	flex-direction: row-reverse!important;
}