.searchform[class*=wd-style-with-bg] .searchsubmit {
	--btn-color: #fff;
	--btn-bgcolor: var(--wd-primary-color);
	--btn-bgcolor-hover: var(--btn-bgcolor);
}

.searchform.wd-style-with-bg .searchsubmit {
	border-start-end-radius: var(--wd-form-brd-radius);
	border-end-end-radius: var(--wd-form-brd-radius);
}

.searchform.wd-style-with-bg-2 .searchsubmit {
	inset-inline-end: calc(var(--wd-form-brd-width) + 3px);
	width: calc(var(--wd-search-btn-w) - ( var(--wd-form-brd-width) + 3px ) * 2);
	inset-block: calc(var(--wd-form-brd-width) + 3px);
	border-radius: var(--wd-form-brd-radius);
}

.searchform.wd-style-with-bg-2 .searchsubmit img {
	max-width: var(--wd-tools-icon-width, 22px);
}

.searchform.wd-style-with-bg-2 .searchsubmit:after {
	font-size: calc(var(--wd-form-height) / 2.5);
}

@media (min-width: 769px) {
	.searchform[class*=wd-style-with-bg].wd-cat-style-default {
		--wd-search-clear-sp: 20px;
	}
	
	.searchform.wd-style-with-bg.wd-cat-style-separated {
		--wd-search-clear-sp: 10px;
	}
}